#ccdd0a hex color

In a RGB color space, hex #ccdd0a is composed of 80% red, 86.7% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 7.7% cyan, 0% magenta, 95.5% yellow and 13.3% black. It has a hue angle of 64.8 degrees, a saturation of 91.3% and a lightness of 45.3%. #ccdd0a color hex could be obtained by blending #ffff14 with #99bb00. Closest websafe color is: #cccc00.

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

● #ccdd0a color description : Vivid yellow.

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

Hex triplet	ccdd0a	`#ccdd0a`
RGB Decimal	204, 221, 10	`rgb(204,221,10)`
RGB Percent	80, 86.7, 3.9	`rgb(80%,86.7%,3.9%)`
CMYK	8, 0, 95, 13
HSL	64.8°, 91.3, 45.3	`hsl(64.8,91.3%,45.3%)`
HSV (or HSB)	64.8°, 95.5, 86.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	84.263, -26.365, 82.409
XYZ	50.813, 64.573, 10.074
xyY	0.405, 0.515, 64.573
CIE-LCH	84.263, 86.524, 107.741
CIE-LUV	84.263, -4.598, 93.484
Hunter-Lab	80.357, -27.752, 48.817
Binary	11001100, 11011101, 00001010

#ccdd0a
```
#ccdd0a rgb(204,221,10)
```
#1b0add
```
#1b0add rgb(27,10,221)
```

Complementary Color

#dd850a
```
#dd850a rgb(221,133,10)
```
#ccdd0a
```
#ccdd0a rgb(204,221,10)
```
#63dd0a
```
#63dd0a rgb(99,221,10)
```

Analogous Color

#850add
```
#850add rgb(133,10,221)
```
#ccdd0a
```
#ccdd0a rgb(204,221,10)
```
#0a63dd
```
#0a63dd rgb(10,99,221)
```

Split Complementary Color

#dd0acc
```
#dd0acc rgb(221,10,204)
```
#ccdd0a
```
#ccdd0a rgb(204,221,10)
```
#0accdd
```
#0accdd rgb(10,204,221)
```

Triadic Color

#dd1b0a
```
#dd1b0a rgb(221,27,10)
```
#ccdd0a
```
#ccdd0a rgb(204,221,10)
```
#0accdd
```
#0accdd rgb(10,204,221)
```
#1b0add
```
#1b0add rgb(27,10,221)
```

Tetradic Color

#889407
```
#889407 rgb(136,148,7)
```
#9fac08
```
#9fac08 rgb(159,172,8)
```
#b5c509
```
#b5c509 rgb(181,197,9)
```
#ccdd0a
```
#ccdd0a rgb(204,221,10)
```
#e1f40c
```
#e1f40c rgb(225,244,12)
```
#e4f525
```
#e4f525 rgb(228,245,37)
```
#e7f63d
```
#e7f63d rgb(231,246,61)
```

Monochromatic Color

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

#ddb90a
```
#ddb90a rgb(221,185,10)
```
#ddcb0a
```
#ddcb0a rgb(221,203,10)
```
#dddc0a
```
#dddc0a rgb(221,220,10)
```
#ccdd0a
```
#ccdd0a rgb(204,221,10)
```
#badd0a
```
#badd0a rgb(186,221,10)
```
#a9dd0a
```
#a9dd0a rgb(169,221,10)
```
#97dd0a
```
#97dd0a rgb(151,221,10)
```

Similar Colors

Text with hexadecimal color #ccdd0a

This text has a font color of #ccdd0a.

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

#ccdd0a background color

This paragraph has a background color of #ccdd0a.

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

#ccdd0a border color

This element has a border color of #ccdd0a.

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

CSS codes

.text {color:#ccdd0a;}

.background {background-color:#ccdd0a;}

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

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, #0d0f01 is the darkest color, while #fefffb is the lightest one.

#0d0f01
```
#0d0f01 rgb(13,15,1)
```
#1f2102
```
#1f2102 rgb(31,33,2)
```
#303402
```
#303402 rgb(48,52,2)
```
#414703
```
#414703 rgb(65,71,3)
```
#535a04
```
#535a04 rgb(83,90,4)
```
#646c05
```
#646c05 rgb(100,108,5)
```
#757f06
```
#757f06 rgb(117,127,6)
```
#879207
```
#879207 rgb(135,146,7)
```
#98a507
```
#98a507 rgb(152,165,7)
```
#a9b708
```
#a9b708 rgb(169,183,8)
```
#bbca09
```
#bbca09 rgb(187,202,9)
```
#ccdd0a
```
#ccdd0a rgb(204,221,10)
```
#ddf00b
```
#ddf00b rgb(221,240,11)
```

Shade Color Variation

#e3f51a
```
#e3f51a rgb(227,245,26)
```
#e5f52c
```
#e5f52c rgb(229,245,44)
```
#e8f63f
```
#e8f63f rgb(232,246,63)
```
#eaf752
```
#eaf752 rgb(234,247,82)
```
#ecf865
```
#ecf865 rgb(236,248,101)
```
#eef977
```
#eef977 rgb(238,249,119)
```
#f1fa8a
```
#f1fa8a rgb(241,250,138)
```
#f3fb9d
```
#f3fb9d rgb(243,251,157)
```
#f5fbb0
```
#f5fbb0 rgb(245,251,176)
```
#f8fcc3
```
#f8fcc3 rgb(248,252,195)
```
#fafdd5
```
#fafdd5 rgb(250,253,213)
```
#fcfee8
```
#fcfee8 rgb(252,254,232)
```
#fefffb
```
#fefffb rgb(254,255,251)
```

Tint Color Variation

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

#7a7b6c
```
#7a7b6c rgb(122,123,108)
```
#818463
```
#818463 rgb(129,132,99)
```
#898d5a
```
#898d5a rgb(137,141,90)
```
#909651
```
#909651 rgb(144,150,81)
```
#989f48
```
#989f48 rgb(152,159,72)
```
#9fa83f
```
#9fa83f rgb(159,168,63)
```
#a7b136
```
#a7b136 rgb(167,177,54)
```
#aeb92e
```
#aeb92e rgb(174,185,46)
```
#b6c225
```
#b6c225 rgb(182,194,37)
```
#bdcb1c
```
#bdcb1c rgb(189,203,28)
```
#c5d413
```
#c5d413 rgb(197,212,19)
```
#ccdd0a
```
#ccdd0a rgb(204,221,10)
```
#d3e601
```
#d3e601 rgb(211,230,1)
```

Tone Color Variation

Below, you can see how #ccdd0a 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

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

Trichromacy

#e1d70e Protanomaly 1% of men, 0.01% of women
#ecd24e Deuteranomaly 6% of men, 0.4% of women
#d8d491 Tritanomaly 0.01% of the population

#ccdd0a hex color

#ccdd0a Color Information

#ccdd0a Color Conversion

Color Schemes with #ccdd0a

Alternatives to #ccdd0a

#ccdd0a Preview

Shades and Tints of #ccdd0a

Tones of #ccdd0a

Color Blindness Simulator