#ccda6f hex color

In a RGB color space, hex #ccda6f is composed of 80% red, 85.5% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 0% magenta, 49.1% yellow and 14.5% black. It has a hue angle of 67.9 degrees, a saturation of 59.1% and a lightness of 64.5%. #ccda6f color hex could be obtained by blending #ffffde with #99b500. Closest websafe color is: #cccc66.

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

● #ccda6f color description : Soft yellow.

The hexadecimal color #ccda6f has RGB values of R:204, G:218, B:111 and CMYK values of C:0.06, M:0, Y:0.49, K:0.15. Its decimal value is 13425263.

Hex triplet	ccda6f	`#ccda6f`
RGB Decimal	204, 218, 111	`rgb(204,218,111)`
RGB Percent	80, 85.5, 43.5	`rgb(80%,85.5%,43.5%)`
CMYK	6, 0, 49, 15
HSL	67.9°, 59.1, 64.5	`hsl(67.9,59.1%,64.5%)`
HSV (or HSB)	67.9°, 49.1, 85.5
Web Safe	cccc66	`#cccc66`

CIE-LAB	84.032, -20.04, 50.605
XYZ	52.842, 64.128, 24.632
xyY	0.373, 0.453, 64.128
CIE-LCH	84.032, 54.428, 111.604
CIE-LUV	84.032, -4.027, 67.526
Hunter-Lab	80.08, -22.354, 37.819
Binary	11001100, 11011010, 01101111

#ccda6f
```
#ccda6f rgb(204,218,111)
```
#7d6fda
```
#7d6fda rgb(125,111,218)
```

Complementary Color

#dab36f
```
#dab36f rgb(218,179,111)
```
#ccda6f
```
#ccda6f rgb(204,218,111)
```
#97da6f
```
#97da6f rgb(151,218,111)
```

Analogous Color

#b36fda
```
#b36fda rgb(179,111,218)
```
#ccda6f
```
#ccda6f rgb(204,218,111)
```
#6f97da
```
#6f97da rgb(111,151,218)
```

Split Complementary Color

#da6fcc
```
#da6fcc rgb(218,111,204)
```
#ccda6f
```
#ccda6f rgb(204,218,111)
```
#6fccda
```
#6fccda rgb(111,204,218)
```

Triadic Color

#da7d6f
```
#da7d6f rgb(218,125,111)
```
#ccda6f
```
#ccda6f rgb(204,218,111)
```
#6fccda
```
#6fccda rgb(111,204,218)
```
#7d6fda
```
#7d6fda rgb(125,111,218)
```

Tetradic Color

#b5c934
```
#b5c934 rgb(181,201,52)
```
#bed046
```
#bed046 rgb(190,208,70)
```
#c5d55b
```
#c5d55b rgb(197,213,91)
```
#ccda6f
```
#ccda6f rgb(204,218,111)
```
#d3df83
```
#d3df83 rgb(211,223,131)
```
#dae498
```
#dae498 rgb(218,228,152)
```
#e2eaac
```
#e2eaac rgb(226,234,172)
```

Monochromatic Color

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

#dacd6f
```
#dacd6f rgb(218,205,111)
```
#dad66f
```
#dad66f rgb(218,214,111)
```
#d5da6f
```
#d5da6f rgb(213,218,111)
```
#ccda6f
```
#ccda6f rgb(204,218,111)
```
#c3da6f
```
#c3da6f rgb(195,218,111)
```
#bada6f
```
#bada6f rgb(186,218,111)
```
#b1da6f
```
#b1da6f rgb(177,218,111)
```

Similar Colors

Text with hexadecimal color #ccda6f

This text has a font color of #ccda6f.

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

#ccda6f background color

This paragraph has a background color of #ccda6f.

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

#ccda6f border color

This element has a border color of #ccda6f.

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

CSS codes

.text {color:#ccda6f;}

.background {background-color:#ccda6f;}

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

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

#0b0c03
```
#0b0c03 rgb(11,12,3)
```
#191c07
```
#191c07 rgb(25,28,7)
```
#272b0b
```
#272b0b rgb(39,43,11)
```
#353b0f
```
#353b0f rgb(53,59,15)
```
#434a13
```
#434a13 rgb(67,74,19)
```
#515a17
```
#515a17 rgb(81,90,23)
```
#5f6a1b
```
#5f6a1b rgb(95,106,27)
```
#6e791f
```
#6e791f rgb(110,121,31)
```
#7c8923
```
#7c8923 rgb(124,137,35)
```
#8a9927
```
#8a9927 rgb(138,153,39)
```
#98a82b
```
#98a82b rgb(152,168,43)
```
#a6b82f
```
#a6b82f rgb(166,184,47)
```
#b4c733
```
#b4c733 rgb(180,199,51)
```

Shade Color Variation

#bbce40
```
#bbce40 rgb(187,206,64)
```
#c1d250
```
#c1d250 rgb(193,210,80)
```
#c6d65f
```
#c6d65f rgb(198,214,95)
```
#ccda6f
```
#ccda6f rgb(204,218,111)
```
#d2de7f
```
#d2de7f rgb(210,222,127)
```
#d7e28e
```
#d7e28e rgb(215,226,142)
```
#dde69e
```
#dde69e rgb(221,230,158)
```
#e2eaad
```
#e2eaad rgb(226,234,173)
```
#e8eebd
```
#e8eebd rgb(232,238,189)
```
#edf2cd
```
#edf2cd rgb(237,242,205)
```
#f3f6dc
```
#f3f6dc rgb(243,246,220)
```
#f8faec
```
#f8faec rgb(248,250,236)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#a8a9a0
```
#a8a9a0 rgb(168,169,160)
```
#adb099
```
#adb099 rgb(173,176,153)
```
#b2b792
```
#b2b792 rgb(178,183,146)
```
#b7be8b
```
#b7be8b rgb(183,190,139)
```
#bdc584
```
#bdc584 rgb(189,197,132)
```
#c2cc7d
```
#c2cc7d rgb(194,204,125)
```
#c7d376
```
#c7d376 rgb(199,211,118)
```
#ccda6f
```
#ccda6f rgb(204,218,111)
```
#d1e168
```
#d1e168 rgb(209,225,104)
```
#d6e861
```
#d6e861 rgb(214,232,97)
```
#dbef5a
```
#dbef5a rgb(219,239,90)
```
#e1f653
```
#e1f653 rgb(225,246,83)
```
#e6fd4c
```
#e6fd4c rgb(230,253,76)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#cacdb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8d473 Protanopia 1% of men
#ffcb81 Deuteranopia 1% of men
#dcd0de Tritanopia 0.001% of the population

Trichromacy

#ded672 Protanomaly 1% of men, 0.01% of women
#ecd07a Deuteranomaly 6% of men, 0.4% of women
#d6d3b6 Tritanomaly 0.01% of the population

#ccda6f hex color

#ccda6f Color Information

#ccda6f Color Conversion

Color Schemes with #ccda6f

Alternatives to #ccda6f

#ccda6f Preview

Shades and Tints of #ccda6f

Tones of #ccda6f

Color Blindness Simulator