#ccd06f hex color

In a RGB color space, hex #ccd06f is composed of 80% red, 81.6% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 1.9% cyan, 0% magenta, 46.6% yellow and 18.4% black. It has a hue angle of 62.5 degrees, a saturation of 50.8% and a lightness of 62.5%. #ccd06f color hex could be obtained by blending #ffffde with #99a100. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 82
- B 44
RGB color chart
- C 2
- M 0
- Y 47
- K 18
CMYK color chart

● #ccd06f color description : Slightly desaturated yellow.

The hexadecimal color #ccd06f has RGB values of R:204, G:208, B:111 and CMYK values of C:0.02, M:0, Y:0.47, K:0.18. Its decimal value is 13422703.

Hex triplet	ccd06f	`#ccd06f`
RGB Decimal	204, 208, 111	`rgb(204,208,111)`
RGB Percent	80, 81.6, 43.5	`rgb(80%,81.6%,43.5%)`
CMYK	2, 0, 47, 18
HSL	62.5°, 50.8, 62.5	`hsl(62.5,50.8%,62.5%)`
HSV (or HSB)	62.5°, 46.6, 81.6
Web Safe	cccc66	`#cccc66`

CIE-LAB	81.345, -15.087, 47.37
XYZ	50.327, 59.097, 23.794
xyY	0.378, 0.444, 59.097
CIE-LCH	81.345, 49.715, 107.666
CIE-LUV	81.345, 1.941, 62.635
Hunter-Lab	76.875, -17.675, 35.461
Binary	11001100, 11010000, 01101111

#ccd06f
```
#ccd06f rgb(204,208,111)
```
#736fd0
```
#736fd0 rgb(115,111,208)
```

Complementary Color

#d0a46f
```
#d0a46f rgb(208,164,111)
```
#ccd06f
```
#ccd06f rgb(204,208,111)
```
#9cd06f
```
#9cd06f rgb(156,208,111)
```

Analogous Color

#a46fd0
```
#a46fd0 rgb(164,111,208)
```
#ccd06f
```
#ccd06f rgb(204,208,111)
```
#6f9cd0
```
#6f9cd0 rgb(111,156,208)
```

Split Complementary Color

#d06fcc
```
#d06fcc rgb(208,111,204)
```
#ccd06f
```
#ccd06f rgb(204,208,111)
```
#6fccd0
```
#6fccd0 rgb(111,204,208)
```

Triadic Color

#d0736f
```
#d0736f rgb(208,115,111)
```
#ccd06f
```
#ccd06f rgb(204,208,111)
```
#6fccd0
```
#6fccd0 rgb(111,204,208)
```
#736fd0
```
#736fd0 rgb(115,111,208)
```

Tetradic Color

#b2b73c
```
#b2b73c rgb(178,183,60)
```
#bec349
```
#bec349 rgb(190,195,73)
```
#c5ca5c
```
#c5ca5c rgb(197,202,92)
```
#ccd06f
```
#ccd06f rgb(204,208,111)
```
#d3d682
```
#d3d682 rgb(211,214,130)
```
#dadd95
```
#dadd95 rgb(218,221,149)
```
#e0e3a9
```
#e0e3a9 rgb(224,227,169)
```

Monochromatic Color

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

#d0bc6f
```
#d0bc6f rgb(208,188,111)
```
#d0c46f
```
#d0c46f rgb(208,196,111)
```
#d0cc6f
```
#d0cc6f rgb(208,204,111)
```
#ccd06f
```
#ccd06f rgb(204,208,111)
```
#c4d06f
```
#c4d06f rgb(196,208,111)
```
#bcd06f
```
#bcd06f rgb(188,208,111)
```
#b4d06f
```
#b4d06f rgb(180,208,111)
```

Similar Colors

Text with hexadecimal color #ccd06f

This text has a font color of #ccd06f.

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

#ccd06f background color

This paragraph has a background color of #ccd06f.

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

#ccd06f border color

This element has a border color of #ccd06f.

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

CSS codes

.text {color:#ccd06f;}

.background {background-color:#ccd06f;}

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

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, #040401 is the darkest color, while #fbfbf4 is the lightest one.

#040401
```
#040401 rgb(4,4,1)
```
#121306
```
#121306 rgb(18,19,6)
```
#21210b
```
#21210b rgb(33,33,11)
```
#2f3010
```
#2f3010 rgb(47,48,16)
```
#3d3f15
```
#3d3f15 rgb(61,63,21)
```
#4c4e19
```
#4c4e19 rgb(76,78,25)
```
#5a5d1e
```
#5a5d1e rgb(90,93,30)
```
#686b23
```
#686b23 rgb(104,107,35)
```
#777a28
```
#777a28 rgb(119,122,40)
```
#85892d
```
#85892d rgb(133,137,45)
```
#949832
```
#949832 rgb(148,152,50)
```
#a2a736
```
#a2a736 rgb(162,167,54)
```
#b0b53b
```
#b0b53b rgb(176,181,59)
```

Shade Color Variation

#bcc243
```
#bcc243 rgb(188,194,67)
```
#c2c651
```
#c2c651 rgb(194,198,81)
```
#c7cb60
```
#c7cb60 rgb(199,203,96)
```
#ccd06f
```
#ccd06f rgb(204,208,111)
```
#d1d57e
```
#d1d57e rgb(209,213,126)
```
#d6da8d
```
#d6da8d rgb(214,218,141)
```
#dcde9b
```
#dcde9b rgb(220,222,155)
```
#e1e3aa
```
#e1e3aa rgb(225,227,170)
```
#e6e8b9
```
#e6e8b9 rgb(230,232,185)
```
#ebedc8
```
#ebedc8 rgb(235,237,200)
```
#f1f2d7
```
#f1f2d7 rgb(241,242,215)
```
#f6f7e5
```
#f6f7e5 rgb(246,247,229)
```
#fbfbf4
```
#fbfbf4 rgb(251,251,244)
```

Tint Color Variation

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

#a4a49b
```
#a4a49b rgb(164,164,155)
```
#aaab94
```
#aaab94 rgb(170,171,148)
```
#b1b38c
```
#b1b38c rgb(177,179,140)
```
#b8ba85
```
#b8ba85 rgb(184,186,133)
```
#bfc17e
```
#bfc17e rgb(191,193,126)
```
#c5c976
```
#c5c976 rgb(197,201,118)
```
#ccd06f
```
#ccd06f rgb(204,208,111)
```
#d3d768
```
#d3d768 rgb(211,215,104)
```
#d9df60
```
#d9df60 rgb(217,223,96)
```
#e0e659
```
#e0e659 rgb(224,230,89)
```
#e7ed52
```
#e7ed52 rgb(231,237,82)
```
#eef54a
```
#eef54a rgb(238,245,74)
```
#f4fc43
```
#f4fc43 rgb(244,252,67)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c6c6b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0cc74 Protanopia 1% of men
#f7c47b Deuteranopia 1% of men
#dac7d5 Tritanopia 0.001% of the population

Trichromacy

#d9ce72 Protanomaly 1% of men, 0.01% of women
#e7c876 Deuteranomaly 6% of men, 0.4% of women
#d5cab0 Tritanomaly 0.01% of the population

#ccd06f hex color

#ccd06f Color Information

#ccd06f Color Conversion

Color Schemes with #ccd06f

Alternatives to #ccd06f

#ccd06f Preview

Shades and Tints of #ccd06f

Tones of #ccd06f

Color Blindness Simulator