#ccdd0c hex color

In a RGB color space, hex #ccdd0c is composed of 80% red, 86.7% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 7.7% cyan, 0% magenta, 94.6% yellow and 13.3% black. It has a hue angle of 64.9 degrees, a saturation of 89.7% and a lightness of 45.7%. #ccdd0c color hex could be obtained by blending #ffff18 with #99bb00. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 80
- G 87
- B 5
RGB color chart
- C 8
- M 0
- Y 95
- K 13
CMYK color chart

● #ccdd0c color description : Vivid yellow.

The hexadecimal color #ccdd0c has RGB values of R:204, G:221, B:12 and CMYK values of C:0.08, M:0, Y:0.95, K:0.13. Its decimal value is 13425932.

Hex triplet	ccdd0c	`#ccdd0c`
RGB Decimal	204, 221, 12	`rgb(204,221,12)`
RGB Percent	80, 86.7, 4.7	`rgb(80%,86.7%,4.7%)`
CMYK	8, 0, 95, 13
HSL	64.9°, 89.7, 45.7	`hsl(64.9,89.7%,45.7%)`
HSV (or HSB)	64.9°, 94.6, 86.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	84.265, -26.344, 82.231
XYZ	50.825, 64.577, 10.135
xyY	0.405, 0.514, 64.577
CIE-LCH	84.265, 86.348, 107.764
CIE-LUV	84.265, -4.603, 93.378
Hunter-Lab	80.36, -27.735, 48.774
Binary	11001100, 11011101, 00001100

#ccdd0c
```
#ccdd0c rgb(204,221,12)
```
#1d0cdd
```
#1d0cdd rgb(29,12,221)
```

Complementary Color

#dd860c
```
#dd860c rgb(221,134,12)
```
#ccdd0c
```
#ccdd0c rgb(204,221,12)
```
#63dd0c
```
#63dd0c rgb(99,221,12)
```

Analogous Color

#860cdd
```
#860cdd rgb(134,12,221)
```
#ccdd0c
```
#ccdd0c rgb(204,221,12)
```
#0c63dd
```
#0c63dd rgb(12,99,221)
```

Split Complementary Color

#dd0ccc
```
#dd0ccc rgb(221,12,204)
```
#ccdd0c
```
#ccdd0c rgb(204,221,12)
```
#0cccdd
```
#0cccdd rgb(12,204,221)
```

Triadic Color

#dd1d0c
```
#dd1d0c rgb(221,29,12)
```
#ccdd0c
```
#ccdd0c rgb(204,221,12)
```
#0cccdd
```
#0cccdd rgb(12,204,221)
```
#1d0cdd
```
#1d0cdd rgb(29,12,221)
```

Tetradic Color

#899408
```
#899408 rgb(137,148,8)
```
#9fad09
```
#9fad09 rgb(159,173,9)
```
#b6c50b
```
#b6c50b rgb(182,197,11)
```
#ccdd0c
```
#ccdd0c rgb(204,221,12)
```
#e0f210
```
#e0f210 rgb(224,242,16)
```
#e3f329
```
#e3f329 rgb(227,243,41)
```
#e6f541
```
#e6f541 rgb(230,245,65)
```

Monochromatic Color

Below, you can see some colors close to #ccdd0c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#ddba0c
```
#ddba0c rgb(221,186,12)
```
#ddcb0c
```
#ddcb0c rgb(221,203,12)
```
#dddd0c
```
#dddd0c rgb(221,221,12)
```
#ccdd0c
```
#ccdd0c rgb(204,221,12)
```
#bbdd0c
```
#bbdd0c rgb(187,221,12)
```
#a9dd0c
```
#a9dd0c rgb(169,221,12)
```
#98dd0c
```
#98dd0c rgb(152,221,12)
```

Similar Colors

Text with hexadecimal color #ccdd0c

This text has a font color of #ccdd0c.

<span style="color:#ccdd0c;">Text here</span>

#ccdd0c background color

This paragraph has a background color of #ccdd0c.

<p style="background-color:#ccdd0c;">Content here</p>

#ccdd0c border color

This element has a border color of #ccdd0c.

<div style="border:1px solid #ccdd0c;">Content here</div>

CSS codes

.text {color:#ccdd0c;}

.background {background-color:#ccdd0c;}

.border {border:1px solid #ccdd0c;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #0f1001 is the darkest color, while #fffffd is the lightest one.

#0f1001
```
#0f1001 rgb(15,16,1)
```
#202302
```
#202302 rgb(32,35,2)
```
#313603
```
#313603 rgb(49,54,3)
```
#434804
```
#434804 rgb(67,72,4)
```
#545b05
```
#545b05 rgb(84,91,5)
```
#656d06
```
#656d06 rgb(101,109,6)
```
#768007
```
#768007 rgb(118,128,7)
```
#879308
```
#879308 rgb(135,147,8)
```
#98a509
```
#98a509 rgb(152,165,9)
```
#aab80a
```
#aab80a rgb(170,184,10)
```
#bbca0b
```
#bbca0b rgb(187,202,11)
```
#ccdd0c
```
#ccdd0c rgb(204,221,12)
```
#ddf00d
```
#ddf00d rgb(221,240,13)
```

Shade Color Variation

#e1f31d
```
#e1f31d rgb(225,243,29)
```
#e4f430
```
#e4f430 rgb(228,244,48)
```
#e6f543
```
#e6f543 rgb(230,245,67)
```
#e9f655
```
#e9f655 rgb(233,246,85)
```
#ebf768
```
#ebf768 rgb(235,247,104)
```
#eef87b
```
#eef87b rgb(238,248,123)
```
#f0f98d
```
#f0f98d rgb(240,249,141)
```
#f2faa0
```
#f2faa0 rgb(242,250,160)
```
#f5fbb2
```
#f5fbb2 rgb(245,251,178)
```
#f7fcc5
```
#f7fcc5 rgb(247,252,197)
```
#fafdd8
```
#fafdd8 rgb(250,253,216)
```
#fcfeea
```
#fcfeea rgb(252,254,234)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797a6f is the less saturated color, while #d4e603 is the most saturated one.

#797a6f
```
#797a6f rgb(121,122,111)
```
#818366
```
#818366 rgb(129,131,102)
```
#888c5d
```
#888c5d rgb(136,140,93)
```
#909554
```
#909554 rgb(144,149,84)
```
#979e4b
```
#979e4b rgb(151,158,75)
```
#9fa742
```
#9fa742 rgb(159,167,66)
```
#a6b039
```
#a6b039 rgb(166,176,57)
```
#aeb930
```
#aeb930 rgb(174,185,48)
```
#b5c227
```
#b5c227 rgb(181,194,39)
```
#bdcb1e
```
#bdcb1e rgb(189,203,30)
```
#c4d415
```
#c4d415 rgb(196,212,21)
```
#ccdd0c
```
#ccdd0c rgb(204,221,12)
```
#d4e603
```
#d4e603 rgb(212,230,3)
```

Tone Color Variation

Below, you can see how #ccdd0c is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#c0c0c0 Achromatopsia 0.005% of the population
#c2c69c Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed513 Protanopia 1% of men
#ffcc75 Deuteranopia 1% of men
#dfcfde Tritanopia 0.001% of the population

Trichromacy

#e1d710 Protanomaly 1% of men, 0.01% of women
#ecd24f Deuteranomaly 6% of men, 0.4% of women
#d8d492 Tritanomaly 0.01% of the population

#ccdd0c hex color

#ccdd0c Color Information

#ccdd0c Color Conversion

Color Schemes with #ccdd0c

Alternatives to #ccdd0c

#ccdd0c Preview

Shades and Tints of #ccdd0c

Tones of #ccdd0c

Color Blindness Simulator