#ABE140 Information

#ABE140 color RGB value is (171 , 225 , 64) , HEX triplet: ab, e1 and 40. RGB value is (171 , 225 , 64). Sum of RGB (Red+Green+Blue) = 171+225+64=460 (Red value is 171 (67.06% from 255 or 79.53% from 215); Green value is 225 (88.24% from 255 or 104.65% from 215); Blue value is 64 (25.1% from 255 or 29.77% from 215); Max value from RGB is 225 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #ABE140 hue: 0.22 , saturation: 0.73 and the lightness value of abe140 is 0.57.

#abe140
(171 , 225 , 64)
  • R (171)
  • G (225)
  • B (64)
  • C (21.18)
  • M (0)
  • Y (63.14)
  • K (11.76)

Applying the #abe140

You are awesome !

If you don't really have a dream, you can't really push yourself you don't really know what the target is.

Shades & Tints

#a6dc3b
#a1d736
#9cd231
#97cd2c
#92c827
#8dc322
#88be1d
#83b918
#7eb413
#79af0e
#74aa09
#6fa504
#b7ed4c
#c3f958
#cfff64
#dbff70
#e7ff7c
#f3ff88
#ffff94
#ffffa0
#ffffac
#ffffb8
#ffffc4
#ffffd0

Color spaces of #abe140

Type Values
RGB 171 225 64
HSL 0.22 0.73 0.57
HSV 80 72 88
CMYK 21.18 0 63.14 11.76
XYZ 44.6452 62.8785 14.6342
Hunter Lab 79.296 -38.2684 44.5678
CIE-Lab 83.3784 -39.6842 68.895

Base Numbers

BaseRedGreenBlue
Decimal 171 225 64
Binary 10101011 11100001 1000000
Octal 253 341 100
Hex AB E1 40

Monochromatic Colors

#c4fa59
#ddff72
#f6ff8b
#ffffa4
#ffffbd
#ffffd6

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#abe140 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#ABE140 Color CSS Codes

You are Awesome !!

Text Color Example

<p style="color:#abe140">Text here</p>
You are Awesome !!

Background Color Example

<p style="background:#abe140">Text here</p>
You are Awesome !!

Border Color Example

<p style="border:2px solid #abe140">You are Awesome</p>
You are Awesome !!

Box & Text Shadow Color Example

<p style="text-shadow: 1px 1px 1px #abe140;
box-shadow: 1px 1px 4px #abe140">You are Awesome</p>