#ccd2b4 hex color

In a RGB color space, hex #ccd2b4 is composed of 80% red, 82.4% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 2.9% cyan, 0% magenta, 14.3% yellow and 17.6% black. It has a hue angle of 72 degrees, a saturation of 25% and a lightness of 76.5%. #ccd2b4 color hex could be obtained by blending #ffffff with #99a569. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 82
- B 71
RGB color chart
- C 3
- M 0
- Y 14
- K 18
CMYK color chart

● #ccd2b4 color description : Grayish yellow.

The hexadecimal color #ccd2b4 has RGB values of R:204, G:210, B:180 and CMYK values of C:0.03, M:0, Y:0.14, K:0.18. Its decimal value is 13423284.

Hex triplet	ccd2b4	`#ccd2b4`
RGB Decimal	204, 210, 180	`rgb(204,210,180)`
RGB Percent	80, 82.4, 70.6	`rgb(80%,82.4%,70.6%)`
CMYK	3, 0, 14, 18
HSL	72°, 25, 76.5	`hsl(72,25%,76.5%)`
HSV (or HSB)	72°, 14.3, 82.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.033, -7.24, 14.188
XYZ	56.185, 62.226, 52.228
xyY	0.329, 0.365, 62.226
CIE-LCH	83.033, 15.929, 117.036
CIE-LUV	83.033, -1.916, 21.846
Hunter-Lab	78.883, -10.908, 15.963
Binary	11001100, 11010010, 10110100

#ccd2b4
```
#ccd2b4 rgb(204,210,180)
```
#bab4d2
```
#bab4d2 rgb(186,180,210)
```

Complementary Color

#d2c9b4
```
#d2c9b4 rgb(210,201,180)
```
#ccd2b4
```
#ccd2b4 rgb(204,210,180)
```
#bdd2b4
```
#bdd2b4 rgb(189,210,180)
```

Analogous Color

#c9b4d2
```
#c9b4d2 rgb(201,180,210)
```
#ccd2b4
```
#ccd2b4 rgb(204,210,180)
```
#b4bdd2
```
#b4bdd2 rgb(180,189,210)
```

Split Complementary Color

#d2b4cc
```
#d2b4cc rgb(210,180,204)
```
#ccd2b4
```
#ccd2b4 rgb(204,210,180)
```
#b4ccd2
```
#b4ccd2 rgb(180,204,210)
```

Triadic Color

#d2bab4
```
#d2bab4 rgb(210,186,180)
```
#ccd2b4
```
#ccd2b4 rgb(204,210,180)
```
#b4ccd2
```
#b4ccd2 rgb(180,204,210)
```
#bab4d2
```
#bab4d2 rgb(186,180,210)
```

Tetradic Color

#abb584
```
#abb584 rgb(171,181,132)
```
#b6bf94
```
#b6bf94 rgb(182,191,148)
```
#c1c8a4
```
#c1c8a4 rgb(193,200,164)
```
#ccd2b4
```
#ccd2b4 rgb(204,210,180)
```
#d7dcc4
```
#d7dcc4 rgb(215,220,196)
```
#e2e5d4
```
#e2e5d4 rgb(226,229,212)
```
#edefe4
```
#edefe4 rgb(237,239,228)
```

Monochromatic Color

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

#d2d1b4
```
#d2d1b4 rgb(210,209,180)
```
#d1d2b4
```
#d1d2b4 rgb(209,210,180)
```
#cfd2b4
```
#cfd2b4 rgb(207,210,180)
```
#ccd2b4
```
#ccd2b4 rgb(204,210,180)
```
#cad2b4
```
#cad2b4 rgb(202,210,180)
```
#c7d2b4
```
#c7d2b4 rgb(199,210,180)
```
#c5d2b4
```
#c5d2b4 rgb(197,210,180)
```

Similar Colors

Text with hexadecimal color #ccd2b4

This text has a font color of #ccd2b4.

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

#ccd2b4 background color

This paragraph has a background color of #ccd2b4.

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

#ccd2b4 border color

This element has a border color of #ccd2b4.

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

CSS codes

.text {color:#ccd2b4;}

.background {background-color:#ccd2b4;}

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

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

#0a0b06
```
#0a0b06 rgb(10,11,6)
```
#15170e
```
#15170e rgb(21,23,14)
```
#212315
```
#212315 rgb(33,35,21)
```
#2c301d
```
#2c301d rgb(44,48,29)
```
#373c24
```
#373c24 rgb(55,60,36)
```
#42482b
```
#42482b rgb(66,72,43)
```
#4e5433
```
#4e5433 rgb(78,84,51)
```
#59613a
```
#59613a rgb(89,97,58)
```
#646d41
```
#646d41 rgb(100,109,65)
```
#6f7949
```
#6f7949 rgb(111,121,73)
```
#7b8550
```
#7b8550 rgb(123,133,80)
```
#869257
```
#869257 rgb(134,146,87)
```
#919e5f
```
#919e5f rgb(145,158,95)
```

Shade Color Variation

#9aa66a
```
#9aa66a rgb(154,166,106)
```
#a2ad77
```
#a2ad77 rgb(162,173,119)
```
#abb583
```
#abb583 rgb(171,181,131)
```
#b3bc8f
```
#b3bc8f rgb(179,188,143)
```
#bbc39b
```
#bbc39b rgb(187,195,155)
```
#c4cba8
```
#c4cba8 rgb(196,203,168)
```
#ccd2b4
```
#ccd2b4 rgb(204,210,180)
```
#d4d9c0
```
#d4d9c0 rgb(212,217,192)
```
#dde1cd
```
#dde1cd rgb(221,225,205)
```
#e5e8d9
```
#e5e8d9 rgb(229,232,217)
```
#edefe5
```
#edefe5 rgb(237,239,229)
```
#f6f7f1
```
#f6f7f1 rgb(246,247,241)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#c4c4c2
```
#c4c4c2 rgb(196,196,194)
```
#c6c9bd
```
#c6c9bd rgb(198,201,189)
```
#c9cdb9
```
#c9cdb9 rgb(201,205,185)
```
#ccd2b4
```
#ccd2b4 rgb(204,210,180)
```
#cfd7af
```
#cfd7af rgb(207,215,175)
```
#d2dbab
```
#d2dbab rgb(210,219,171)
```
#d4e0a6
```
#d4e0a6 rgb(212,224,166)
```
#d7e4a2
```
#d7e4a2 rgb(215,228,162)
```
#dae99d
```
#dae99d rgb(218,233,157)
```
#ddee98
```
#ddee98 rgb(221,238,152)
```
#dff294
```
#dff294 rgb(223,242,148)
```
#e2f78f
```
#e2f78f rgb(226,247,143)
```
#e5fc8a
```
#e5fc8a rgb(229,252,138)
```

Tone Color Variation

Below, you can see how #ccd2b4 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
#cdcec8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbd0b6 Protanopia 1% of men
#eccabb Deuteranopia 1% of men
#d4cedd Tritanopia 0.001% of the population

Trichromacy

#d5d1b5 Protanomaly 1% of men, 0.01% of women
#e0cdb8 Deuteranomaly 6% of men, 0.4% of women
#d1cfce Tritanomaly 0.01% of the population

#ccd2b4 hex color

#ccd2b4 Color Information

#ccd2b4 Color Conversion

Color Schemes with #ccd2b4

Alternatives to #ccd2b4

#ccd2b4 Preview

Shades and Tints of #ccd2b4

Tones of #ccd2b4

Color Blindness Simulator