#ccd4aa hex color

In a RGB color space, hex #ccd4aa is composed of 80% red, 83.1% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 0% magenta, 19.8% yellow and 16.9% black. It has a hue angle of 71.4 degrees, a saturation of 32.8% and a lightness of 74.9%. #ccd4aa color hex could be obtained by blending #ffffff with #99a955. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 80
- G 83
- B 67
RGB color chart
- C 4
- M 0
- Y 20
- K 17
CMYK color chart

● #ccd4aa color description : Grayish yellow.

The hexadecimal color #ccd4aa has RGB values of R:204, G:212, B:170 and CMYK values of C:0.04, M:0, Y:0.2, K:0.17. Its decimal value is 13423786.

Hex triplet	ccd4aa	`#ccd4aa`
RGB Decimal	204, 212, 170	`rgb(204,212,170)`
RGB Percent	80, 83.1, 66.7	`rgb(80%,83.1%,66.7%)`
CMYK	4, 0, 20, 17
HSL	71.4°, 32.8, 74.9	`hsl(71.4,32.8%,74.9%)`
HSV (or HSB)	71.4°, 19.8, 83.1
Web Safe	cccc99	`#cccc99`

CIE-LAB	83.351, -9.822, 19.909
XYZ	55.7, 62.827, 47.22
xyY	0.336, 0.379, 62.827
CIE-LCH	83.351, 22.2, 116.259
CIE-LUV	83.351, -2.559, 30.088
Hunter-Lab	79.263, -13.276, 20.163
Binary	11001100, 11010100, 10101010

#ccd4aa
```
#ccd4aa rgb(204,212,170)
```
#b2aad4
```
#b2aad4 rgb(178,170,212)
```

Complementary Color

#d4c7aa
```
#d4c7aa rgb(212,199,170)
```
#ccd4aa
```
#ccd4aa rgb(204,212,170)
```
#b7d4aa
```
#b7d4aa rgb(183,212,170)
```

Analogous Color

#c7aad4
```
#c7aad4 rgb(199,170,212)
```
#ccd4aa
```
#ccd4aa rgb(204,212,170)
```
#aab7d4
```
#aab7d4 rgb(170,183,212)
```

Split Complementary Color

#d4aacc
```
#d4aacc rgb(212,170,204)
```
#ccd4aa
```
#ccd4aa rgb(204,212,170)
```
#aaccd4
```
#aaccd4 rgb(170,204,212)
```

Triadic Color

#d4b2aa
```
#d4b2aa rgb(212,178,170)
```
#ccd4aa
```
#ccd4aa rgb(204,212,170)
```
#aaccd4
```
#aaccd4 rgb(170,204,212)
```
#b2aad4
```
#b2aad4 rgb(178,170,212)
```

Tetradic Color

#aeba77
```
#aeba77 rgb(174,186,119)
```
#b8c388
```
#b8c388 rgb(184,195,136)
```
#c2cb99
```
#c2cb99 rgb(194,203,153)
```
#ccd4aa
```
#ccd4aa rgb(204,212,170)
```
#d6ddbb
```
#d6ddbb rgb(214,221,187)
```
#e0e5cc
```
#e0e5cc rgb(224,229,204)
```
#eaeedd
```
#eaeedd rgb(234,238,221)
```

Monochromatic Color

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

#d4d2aa
```
#d4d2aa rgb(212,210,170)
```
#d3d4aa
```
#d3d4aa rgb(211,212,170)
```
#d0d4aa
```
#d0d4aa rgb(208,212,170)
```
#ccd4aa
```
#ccd4aa rgb(204,212,170)
```
#c9d4aa
```
#c9d4aa rgb(201,212,170)
```
#c5d4aa
```
#c5d4aa rgb(197,212,170)
```
#c2d4aa
```
#c2d4aa rgb(194,212,170)
```

Similar Colors

Text with hexadecimal color #ccd4aa

This text has a font color of #ccd4aa.

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

#ccd4aa background color

This paragraph has a background color of #ccd4aa.

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

#ccd4aa border color

This element has a border color of #ccd4aa.

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

CSS codes

.text {color:#ccd4aa;}

.background {background-color:#ccd4aa;}

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

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

#060603
```
#060603 rgb(6,6,3)
```
#11130a
```
#11130a rgb(17,19,10)
```
#1d2010
```
#1d2010 rgb(29,32,16)
```
#292d17
```
#292d17 rgb(41,45,23)
```
#353a1d
```
#353a1d rgb(53,58,29)
```
#414724
```
#414724 rgb(65,71,36)
```
#4c542b
```
#4c542b rgb(76,84,43)
```
#586131
```
#586131 rgb(88,97,49)
```
#646e38
```
#646e38 rgb(100,110,56)
```
#707b3e
```
#707b3e rgb(112,123,62)
```
#7c8845
```
#7c8845 rgb(124,136,69)
```
#87954c
```
#87954c rgb(135,149,76)
```
#93a252
```
#93a252 rgb(147,162,82)
```

Shade Color Variation

#9dac5c
```
#9dac5c rgb(157,172,92)
```
#a5b369
```
#a5b369 rgb(165,179,105)
```
#adba76
```
#adba76 rgb(173,186,118)
```
#b5c083
```
#b5c083 rgb(181,192,131)
```
#bcc790
```
#bcc790 rgb(188,199,144)
```
#c4cd9d
```
#c4cd9d rgb(196,205,157)
```
#ccd4aa
```
#ccd4aa rgb(204,212,170)
```
#d4dbb7
```
#d4dbb7 rgb(212,219,183)
```
#dce1c4
```
#dce1c4 rgb(220,225,196)
```
#e3e8d1
```
#e3e8d1 rgb(227,232,209)
```
#ebeede
```
#ebeede rgb(235,238,222)
```
#f3f5eb
```
#f3f5eb rgb(243,245,235)
```
#fbfcf8
```
#fbfcf8 rgb(251,252,248)
```

Tint Color Variation

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

#c0c0be
```
#c0c0be rgb(192,192,190)
```
#c3c5b9
```
#c3c5b9 rgb(195,197,185)
```
#c6cab4
```
#c6cab4 rgb(198,202,180)
```
#c9cfaf
```
#c9cfaf rgb(201,207,175)
```
#ccd4aa
```
#ccd4aa rgb(204,212,170)
```
#cfd9a5
```
#cfd9a5 rgb(207,217,165)
```
#d2dea0
```
#d2dea0 rgb(210,222,160)
```
#d5e39b
```
#d5e39b rgb(213,227,155)
```
#d8e896
```
#d8e896 rgb(216,232,150)
```
#dbed91
```
#dbed91 rgb(219,237,145)
```
#def28c
```
#def28c rgb(222,242,140)
```
#e1f688
```
#e1f688 rgb(225,246,136)
```
#e4fb83
```
#e4fb83 rgb(228,251,131)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#cdcec6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ded1ac Protanopia 1% of men
#f1cab2 Deuteranopia 1% of men
#d6cfde Tritanopia 0.001% of the population

Trichromacy

#d7d2ab Protanomaly 1% of men, 0.01% of women
#e3ceaf Deuteranomaly 6% of men, 0.4% of women
#d2d1cb Tritanomaly 0.01% of the population

#ccd4aa hex color

#ccd4aa Color Information

#ccd4aa Color Conversion

Color Schemes with #ccd4aa

Alternatives to #ccd4aa

#ccd4aa Preview

Shades and Tints of #ccd4aa

Tones of #ccd4aa

Color Blindness Simulator