#ccda6c hex color

In a RGB color space, hex #ccda6c is composed of 80% red, 85.5% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 0% magenta, 50.5% yellow and 14.5% black. It has a hue angle of 67.6 degrees, a saturation of 59.8% and a lightness of 63.9%. #ccda6c color hex could be obtained by blending #ffffd8 with #99b500. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 85
- B 42
RGB color chart
- C 6
- M 0
- Y 50
- K 15
CMYK color chart

● #ccda6c color description : Soft yellow.

The hexadecimal color #ccda6c has RGB values of R:204, G:218, B:108 and CMYK values of C:0.06, M:0, Y:0.5, K:0.15. Its decimal value is 13425260.

Hex triplet	ccda6c	`#ccda6c`
RGB Decimal	204, 218, 108	`rgb(204,218,108)`
RGB Percent	80, 85.5, 42.4	`rgb(80%,85.5%,42.4%)`
CMYK	6, 0, 50, 15
HSL	67.6°, 59.8, 63.9	`hsl(67.6,59.8%,63.9%)`
HSV (or HSB)	67.6°, 50.5, 85.5
Web Safe	cccc66	`#cccc66`

CIE-LAB	83.999, -20.316, 51.974
XYZ	52.679, 64.063, 23.777
xyY	0.375, 0.456, 64.063
CIE-LCH	83.999, 55.804, 111.35
CIE-LUV	83.999, -3.955, 68.887
Hunter-Lab	80.039, -22.586, 38.415
Binary	11001100, 11011010, 01101100

#ccda6c
```
#ccda6c rgb(204,218,108)
```
#7a6cda
```
#7a6cda rgb(122,108,218)
```

Complementary Color

#dab16c
```
#dab16c rgb(218,177,108)
```
#ccda6c
```
#ccda6c rgb(204,218,108)
```
#95da6c
```
#95da6c rgb(149,218,108)
```

Analogous Color

#b16cda
```
#b16cda rgb(177,108,218)
```
#ccda6c
```
#ccda6c rgb(204,218,108)
```
#6c95da
```
#6c95da rgb(108,149,218)
```

Split Complementary Color

#da6ccc
```
#da6ccc rgb(218,108,204)
```
#ccda6c
```
#ccda6c rgb(204,218,108)
```
#6cccda
```
#6cccda rgb(108,204,218)
```

Triadic Color

#da7a6c
```
#da7a6c rgb(218,122,108)
```
#ccda6c
```
#ccda6c rgb(204,218,108)
```
#6cccda
```
#6cccda rgb(108,204,218)
```
#7a6cda
```
#7a6cda rgb(122,108,218)
```

Tetradic Color

#b4c732
```
#b4c732 rgb(180,199,50)
```
#bed043
```
#bed043 rgb(190,208,67)
```
#c5d558
```
#c5d558 rgb(197,213,88)
```
#ccda6c
```
#ccda6c rgb(204,218,108)
```
#d3df80
```
#d3df80 rgb(211,223,128)
```
#dae495
```
#dae495 rgb(218,228,149)
```
#e1e9a9
```
#e1e9a9 rgb(225,233,169)
```

Monochromatic Color

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

#dacd6c
```
#dacd6c rgb(218,205,108)
```
#dad66c
```
#dad66c rgb(218,214,108)
```
#d5da6c
```
#d5da6c rgb(213,218,108)
```
#ccda6c
```
#ccda6c rgb(204,218,108)
```
#c3da6c
```
#c3da6c rgb(195,218,108)
```
#bada6c
```
#bada6c rgb(186,218,108)
```
#b1da6c
```
#b1da6c rgb(177,218,108)
```

Similar Colors

Text with hexadecimal color #ccda6c

This text has a font color of #ccda6c.

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

#ccda6c background color

This paragraph has a background color of #ccda6c.

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

#ccda6c border color

This element has a border color of #ccda6c.

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

CSS codes

.text {color:#ccda6c;}

.background {background-color:#ccda6c;}

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

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, #090a02 is the darkest color, while #fdfdf9 is the lightest one.

#090a02
```
#090a02 rgb(9,10,2)
```
#171906
```
#171906 rgb(23,25,6)
```
#25290a
```
#25290a rgb(37,41,10)
```
#33390e
```
#33390e rgb(51,57,14)
```
#414812
```
#414812 rgb(65,72,18)
```
#505816
```
#505816 rgb(80,88,22)
```
#5e681a
```
#5e681a rgb(94,104,26)
```
#6c771e
```
#6c771e rgb(108,119,30)
```
#7a8722
```
#7a8722 rgb(122,135,34)
```
#889726
```
#889726 rgb(136,151,38)
```
#97a62a
```
#97a62a rgb(151,166,42)
```
#a5b62e
```
#a5b62e rgb(165,182,46)
```
#b3c632
```
#b3c632 rgb(179,198,50)
```

Shade Color Variation

#bcce3d
```
#bcce3d rgb(188,206,61)
```
#c1d24d
```
#c1d24d rgb(193,210,77)
```
#c7d65c
```
#c7d65c rgb(199,214,92)
```
#ccda6c
```
#ccda6c rgb(204,218,108)
```
#d1de7c
```
#d1de7c rgb(209,222,124)
```
#d7e28b
```
#d7e28b rgb(215,226,139)
```
#dce69b
```
#dce69b rgb(220,230,155)
```
#e2eaab
```
#e2eaab rgb(226,234,171)
```
#e7eeba
```
#e7eeba rgb(231,238,186)
```
#edf2ca
```
#edf2ca rgb(237,242,202)
```
#f2f6da
```
#f2f6da rgb(242,246,218)
```
#f7fae9
```
#f7fae9 rgb(247,250,233)
```
#fdfdf9
```
#fdfdf9 rgb(253,253,249)
```

Tint Color Variation

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

#a7a89e
```
#a7a89e rgb(167,168,158)
```
#acb096
```
#acb096 rgb(172,176,150)
```
#b2b78f
```
#b2b78f rgb(178,183,143)
```
#b7be88
```
#b7be88 rgb(183,190,136)
```
#bcc581
```
#bcc581 rgb(188,197,129)
```
#c1cc7a
```
#c1cc7a rgb(193,204,122)
```
#c7d373
```
#c7d373 rgb(199,211,115)
```
#ccda6c
```
#ccda6c rgb(204,218,108)
```
#d1e165
```
#d1e165 rgb(209,225,101)
```
#d7e85e
```
#d7e85e rgb(215,232,94)
```
#dcef57
```
#dcef57 rgb(220,239,87)
```
#e1f650
```
#e1f650 rgb(225,246,80)
```
#e6fd49
```
#e6fd49 rgb(230,253,73)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#caccb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d371 Protanopia 1% of men
#ffcb7f Deuteranopia 1% of men
#dccfde Tritanopia 0.001% of the population

Trichromacy

#ded66f Protanomaly 1% of men, 0.01% of women
#ecd078 Deuteranomaly 6% of men, 0.4% of women
#d6d3b5 Tritanomaly 0.01% of the population

#ccda6c hex color

#ccda6c Color Information

#ccda6c Color Conversion

Color Schemes with #ccda6c

Alternatives to #ccda6c

#ccda6c Preview

Shades and Tints of #ccda6c

Tones of #ccda6c

Color Blindness Simulator