#CCDC0C Information

#CCDC0C color RGB value is (204 , 220 , 12) , HEX triplet: cc, dc and c. RGB value is (204 , 220 , 12). Sum of RGB (Red+Green+Blue) = 204+220+12=436 (Red value is 204 (80% from 255 or 94.88% from 215); Green value is 220 (86.27% from 255 or 102.33% from 215); Blue value is 12 (4.71% from 255 or 5.58% from 215); Max value from RGB is 220 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #CCDC0C hue: 0.18 , saturation: 0.9 and the lightness value of ccdc0c is 0.45.

#ccdc0c
(204 , 220 , 12)
  • R (204)
  • G (220)
  • B (12)
  • C (6.27)
  • M (0)
  • Y (81.57)
  • K (13.73)

Applying the #ccdc0c

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.

Color spaces of #ccdc0c

Type Values
RGB 204 220 12
HSL 0.18 0.9 0.45
HSV 65 95 86
CMYK 6.27 0 81.57 13.73
XYZ 50.5614 64.0503 10.0459
Hunter Lab 80.0314 -27.2837 48.581
CIE-Lab 83.992 -25.8675 82.0267

Base Numbers

BaseRedGreenBlue
Decimal 204 220 12
Binary 11001100 11011100 1100
Octal 314 334 14
Hex CC DC C

Monochromatic Colors

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#ccdc0c Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#CCDC0C Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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