#CCD816 Information

#CCD816 color RGB value is (204 , 216 , 22) , HEX triplet: cc, d8 and 16. RGB value is (204 , 216 , 22). Sum of RGB (Red+Green+Blue) = 204+216+22=442 (Red value is 204 (80% from 255 or 94.88% from 215); Green value is 216 (84.71% from 255 or 100.47% from 215); Blue value is 22 (8.63% from 255 or 10.23% from 215); Max value from RGB is 216 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #CCD816 hue: 0.18 , saturation: 0.82 and the lightness value of ccd816 is 0.47.

#ccd816
(204 , 216 , 22)
  • R (204)
  • G (216)
  • B (22)
  • C (4.71)
  • M (0)
  • Y (76.08)
  • K (15.29)

Applying the #ccd816

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

#c7d311
#c2ce0c
#bdc907
#b8c402
#b3bf00
#aeba00
#a9b500
#a4b000
#9fab00
#9aa600
#95a100
#909c00
#d8e422
#e4f02e
#f0fc3a
#fcff46
#ffff52
#ffff5e
#ffff6a
#ffff76
#ffff82
#ffff8e
#ffff9a
#ffffa6

Color spaces of #ccd816

Type Values
RGB 204 216 22
HSL 0.18 0.82 0.47
HSV 64 90 85
CMYK 4.71 0 76.08 15.29
XYZ 49.6025 62.007 10.1133
Hunter Lab 78.7445 -25.3623 47.5079
CIE-Lab 82.9172 -23.8122 79.972

Base Numbers

BaseRedGreenBlue
Decimal 204 216 22
Binary 11001100 11011000 10110
Octal 314 330 26
Hex CC D8 16

Monochromatic Colors

#e5f12f
#feff48
#ffff61
#ffff7a
#ffff93
#ffffac

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#ccd816 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#CCD816 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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