#ABCD40 Information

#ABCD40 color RGB value is (171 , 205 , 64) , HEX triplet: ab, cd and 40. RGB value is (171 , 205 , 64). Sum of RGB (Red+Green+Blue) = 171+205+64=440 (Red value is 171 (67.06% from 255 or 79.53% from 215); Green value is 205 (80.39% from 255 or 95.35% from 215); Blue value is 64 (25.1% from 255 or 29.77% from 215); Max value from RGB is 205 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #ABCD40 hue: 0.21 , saturation: 0.59 and the lightness value of abcd40 is 0.53.

#abcd40
(171 , 205 , 64)
  • R (171)
  • G (205)
  • B (64)
  • C (13.33)
  • M (0)
  • Y (55.29)
  • K (19.61)

Applying the #abcd40

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

#a6c83b
#a1c336
#9cbe31
#97b92c
#92b427
#8daf22
#88aa1d
#83a518
#7ea013
#799b0e
#749609
#6f9104
#b7d94c
#c3e558
#cff164
#dbfd70
#e7ff7c
#f3ff88
#ffff94
#ffffa0
#ffffac
#ffffb8
#ffffc4
#ffffd0

Color spaces of #abcd40

Type Values
RGB 171 205 64
HSL 0.21 0.59 0.53
HSV 74 69 80
CMYK 13.33 0 55.29 19.61
XYZ 39.5513 52.6907 12.9362
Hunter Lab 72.5884 -29.7697 40.2482
CIE-Lab 77.6921 -30.5569 63.2171

Base Numbers

BaseRedGreenBlue
Decimal 171 205 64
Binary 10101011 11001101 1000000
Octal 253 315 100
Hex AB CD 40

Monochromatic Colors

#c4e659
#ddff72
#f6ff8b
#ffffa4
#ffffbd
#ffffd6

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#abcd40 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#ABCD40 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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