#ccdf0a hex color

In a RGB color space, hex #ccdf0a is composed of 80% red, 87.5% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 8.5% cyan, 0% magenta, 95.5% yellow and 12.5% black. It has a hue angle of 65.4 degrees, a saturation of 91.4% and a lightness of 45.7%. #ccdf0a color hex could be obtained by blending #ffff14 with #99bf00. Closest websafe color is: #cccc00.

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

● #ccdf0a color description : Vivid yellow.

The hexadecimal color #ccdf0a has RGB values of R:204, G:223, B:10 and CMYK values of C:0.09, M:0, Y:0.96, K:0.13. Its decimal value is 13426442.

Hex triplet	ccdf0a	`#ccdf0a`
RGB Decimal	204, 223, 10	`rgb(204,223,10)`
RGB Percent	80, 87.5, 3.9	`rgb(80%,87.5%,3.9%)`
CMYK	9, 0, 96, 13
HSL	65.4°, 91.4, 45.7	`hsl(65.4,91.4%,45.7%)`
HSV (or HSB)	65.4°, 95.5, 87.5
Web Safe	cccc00	`#cccc00`

CIE-LAB	84.81, -27.313, 82.825
XYZ	51.344, 65.635, 10.251
xyY	0.404, 0.516, 65.635
CIE-LCH	84.81, 87.213, 108.251
CIE-LUV	84.81, -5.833, 94.246
Hunter-Lab	81.015, -28.651, 49.209
Binary	11001100, 11011111, 00001010

#ccdf0a
```
#ccdf0a rgb(204,223,10)
```
#1d0adf
```
#1d0adf rgb(29,10,223)
```

Complementary Color

#df880a
```
#df880a rgb(223,136,10)
```
#ccdf0a
```
#ccdf0a rgb(204,223,10)
```
#62df0a
```
#62df0a rgb(98,223,10)
```

Analogous Color

#880adf
```
#880adf rgb(136,10,223)
```
#ccdf0a
```
#ccdf0a rgb(204,223,10)
```
#0a61df
```
#0a61df rgb(10,97,223)
```

Split Complementary Color

#df0acc
```
#df0acc rgb(223,10,204)
```
#ccdf0a
```
#ccdf0a rgb(204,223,10)
```
#0accdf
```
#0accdf rgb(10,204,223)
```

Triadic Color

#df1d0a
```
#df1d0a rgb(223,29,10)
```
#ccdf0a
```
#ccdf0a rgb(204,223,10)
```
#0accdf
```
#0accdf rgb(10,204,223)
```
#1d0adf
```
#1d0adf rgb(29,10,223)
```

Tetradic Color

#899607
```
#899607 rgb(137,150,7)
```
#9fae08
```
#9fae08 rgb(159,174,8)
```
#b6c709
```
#b6c709 rgb(182,199,9)
```
#ccdf0a
```
#ccdf0a rgb(204,223,10)
```
#e0f40e
```
#e0f40e rgb(224,244,14)
```
#e3f527
```
#e3f527 rgb(227,245,39)
```
#e6f63f
```
#e6f63f rgb(230,246,63)
```

Monochromatic Color

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

#dfbd0a
```
#dfbd0a rgb(223,189,10)
```
#dfcf0a
```
#dfcf0a rgb(223,207,10)
```
#dedf0a
```
#dedf0a rgb(222,223,10)
```
#ccdf0a
```
#ccdf0a rgb(204,223,10)
```
#badf0a
```
#badf0a rgb(186,223,10)
```
#a9df0a
```
#a9df0a rgb(169,223,10)
```
#97df0a
```
#97df0a rgb(151,223,10)
```

Similar Colors

Text with hexadecimal color #ccdf0a

This text has a font color of #ccdf0a.

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

#ccdf0a background color

This paragraph has a background color of #ccdf0a.

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

#ccdf0a border color

This element has a border color of #ccdf0a.

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

CSS codes

.text {color:#ccdf0a;}

.background {background-color:#ccdf0a;}

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

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)
```
#313602
```
#313602 rgb(49,54,2)
```
#434903
```
#434903 rgb(67,73,3)
```
#545c04
```
#545c04 rgb(84,92,4)
```
#656e05
```
#656e05 rgb(101,110,5)
```
#768106
```
#768106 rgb(118,129,6)
```
#879407
```
#879407 rgb(135,148,7)
```
#98a707
```
#98a707 rgb(152,167,7)
```
#aab908
```
#aab908 rgb(170,185,8)
```
#bbcc09
```
#bbcc09 rgb(187,204,9)
```
#ccdf0a
```
#ccdf0a rgb(204,223,10)
```
#ddf20b
```
#ddf20b rgb(221,242,11)
```

Shade Color Variation

#e1f51b
```
#e1f51b rgb(225,245,27)
```
#e4f62e
```
#e4f62e rgb(228,246,46)
```
#e6f641
```
#e6f641 rgb(230,246,65)
```
#e9f754
```
#e9f754 rgb(233,247,84)
```
#ebf867
```
#ebf867 rgb(235,248,103)
```
#eef979
```
#eef979 rgb(238,249,121)
```
#f0fa8c
```
#f0fa8c rgb(240,250,140)
```
#f2fb9f
```
#f2fb9f rgb(242,251,159)
```
#f5fcb2
```
#f5fcb2 rgb(245,252,178)
```
#f7fcc4
```
#f7fcc4 rgb(247,252,196)
```
#fafdd7
```
#fafdd7 rgb(250,253,215)
```
#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, #7b7c6d is the less saturated color, while #d3e801 is the most saturated one.

#7b7c6d
```
#7b7c6d rgb(123,124,109)
```
#828564
```
#828564 rgb(130,133,100)
```
#8a8e5b
```
#8a8e5b rgb(138,142,91)
```
#919752
```
#919752 rgb(145,151,82)
```
#98a049
```
#98a049 rgb(152,160,73)
```
#a0a940
```
#a0a940 rgb(160,169,64)
```
#a7b237
```
#a7b237 rgb(167,178,55)
```
#afbb2e
```
#afbb2e rgb(175,187,46)
```
#b6c425
```
#b6c425 rgb(182,196,37)
```
#bdcd1c
```
#bdcd1c rgb(189,205,28)
```
#c5d613
```
#c5d613 rgb(197,214,19)
```
#ccdf0a
```
#ccdf0a rgb(204,223,10)
```
#d3e801
```
#d3e801 rgb(211,232,1)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#c3c79c Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0d610 Protanopia 1% of men
#ffce7c Deuteranopia 1% of men
#e0d1e0 Tritanopia 0.001% of the population

Trichromacy

#e3d90e Protanomaly 1% of men, 0.01% of women
#ecd453 Deuteranomaly 6% of men, 0.4% of women
#d8d692 Tritanomaly 0.01% of the population

#ccdf0a hex color

#ccdf0a Color Information

#ccdf0a Color Conversion

Color Schemes with #ccdf0a

Alternatives to #ccdf0a

#ccdf0a Preview

Shades and Tints of #ccdf0a

Tones of #ccdf0a

Color Blindness Simulator