#ccd2b2 hex color

In a RGB color space, hex #ccd2b2 is composed of 80% red, 82.4% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 2.9% cyan, 0% magenta, 15.2% yellow and 17.6% black. It has a hue angle of 71.3 degrees, a saturation of 26.2% and a lightness of 76.1%. #ccd2b2 color hex could be obtained by blending #ffffff with #99a565. Closest websafe color is: #cccc99.

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

● #ccd2b2 color description : Grayish yellow.

The hexadecimal color #ccd2b2 has RGB values of R:204, G:210, B:178 and CMYK values of C:0.03, M:0, Y:0.15, K:0.18. Its decimal value is 13423282.

Hex triplet	ccd2b2	`#ccd2b2`
RGB Decimal	204, 210, 178	`rgb(204,210,178)`
RGB Percent	80, 82.4, 69.8	`rgb(80%,82.4%,69.8%)`
CMYK	3, 0, 15, 18
HSL	71.3°, 26.2, 76.1	`hsl(71.3,26.2%,76.1%)`
HSV (or HSB)	71.3°, 15.2, 82.4
Web Safe	cccc99	`#cccc99`

CIE-LAB	82.99, -7.559, 15.186
XYZ	55.983, 62.145, 51.163
xyY	0.331, 0.367, 62.145
CIE-LCH	82.99, 16.963, 116.464
CIE-LUV	82.99, -1.826, 23.276
Hunter-Lab	78.832, -11.194, 16.703
Binary	11001100, 11010010, 10110010

#ccd2b2
```
#ccd2b2 rgb(204,210,178)
```
#b8b2d2
```
#b8b2d2 rgb(184,178,210)
```

Complementary Color

#d2c8b2
```
#d2c8b2 rgb(210,200,178)
```
#ccd2b2
```
#ccd2b2 rgb(204,210,178)
```
#bcd2b2
```
#bcd2b2 rgb(188,210,178)
```

Analogous Color

#c8b2d2
```
#c8b2d2 rgb(200,178,210)
```
#ccd2b2
```
#ccd2b2 rgb(204,210,178)
```
#b2bcd2
```
#b2bcd2 rgb(178,188,210)
```

Split Complementary Color

#d2b2cc
```
#d2b2cc rgb(210,178,204)
```
#ccd2b2
```
#ccd2b2 rgb(204,210,178)
```
#b2ccd2
```
#b2ccd2 rgb(178,204,210)
```

Triadic Color

#d2b8b2
```
#d2b8b2 rgb(210,184,178)
```
#ccd2b2
```
#ccd2b2 rgb(204,210,178)
```
#b2ccd2
```
#b2ccd2 rgb(178,204,210)
```
#b8b2d2
```
#b8b2d2 rgb(184,178,210)
```

Tetradic Color

#acb682
```
#acb682 rgb(172,182,130)
```
#b7bf92
```
#b7bf92 rgb(183,191,146)
```
#c1c9a2
```
#c1c9a2 rgb(193,201,162)
```
#ccd2b2
```
#ccd2b2 rgb(204,210,178)
```
#d7dbc2
```
#d7dbc2 rgb(215,219,194)
```
#e1e5d2
```
#e1e5d2 rgb(225,229,210)
```
#eceee2
```
#eceee2 rgb(236,238,226)
```

Monochromatic Color

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

#d2d0b2
```
#d2d0b2 rgb(210,208,178)
```
#d1d2b2
```
#d1d2b2 rgb(209,210,178)
```
#cfd2b2
```
#cfd2b2 rgb(207,210,178)
```
#ccd2b2
```
#ccd2b2 rgb(204,210,178)
```
#c9d2b2
```
#c9d2b2 rgb(201,210,178)
```
#c7d2b2
```
#c7d2b2 rgb(199,210,178)
```
#c4d2b2
```
#c4d2b2 rgb(196,210,178)
```

Similar Colors

Text with hexadecimal color #ccd2b2

This text has a font color of #ccd2b2.

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

#ccd2b2 background color

This paragraph has a background color of #ccd2b2.

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

#ccd2b2 border color

This element has a border color of #ccd2b2.

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

CSS codes

.text {color:#ccd2b2;}

.background {background-color:#ccd2b2;}

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

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

#090a06
```
#090a06 rgb(9,10,6)
```
#14160d
```
#14160d rgb(20,22,13)
```
#202214
```
#202214 rgb(32,34,20)
```
#2b2f1b
```
#2b2f1b rgb(43,47,27)
```
#373b23
```
#373b23 rgb(55,59,35)
```
#42482a
```
#42482a rgb(66,72,42)
```
#4d5431
```
#4d5431 rgb(77,84,49)
```
#596038
```
#596038 rgb(89,96,56)
```
#646d40
```
#646d40 rgb(100,109,64)
```
#707947
```
#707947 rgb(112,121,71)
```
#7b854e
```
#7b854e rgb(123,133,78)
```
#869255
```
#869255 rgb(134,146,85)
```
#929e5c
```
#929e5c rgb(146,158,92)
```

Shade Color Variation

#9ba768
```
#9ba768 rgb(155,167,104)
```
#a3ae74
```
#a3ae74 rgb(163,174,116)
```
#abb580
```
#abb580 rgb(171,181,128)
```
#b3bc8d
```
#b3bc8d rgb(179,188,141)
```
#bcc499
```
#bcc499 rgb(188,196,153)
```
#c4cba6
```
#c4cba6 rgb(196,203,166)
```
#ccd2b2
```
#ccd2b2 rgb(204,210,178)
```
#d4d9be
```
#d4d9be rgb(212,217,190)
```
#dce0cb
```
#dce0cb rgb(220,224,203)
```
#e5e8d7
```
#e5e8d7 rgb(229,232,215)
```
#edefe4
```
#edefe4 rgb(237,239,228)
```
#f5f6f0
```
#f5f6f0 rgb(245,246,240)
```
#fdfdfc
```
#fdfdfc rgb(253,253,252)
```

Tint Color Variation

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

#c3c4c0
```
#c3c4c0 rgb(195,196,192)
```
#c6c9bb
```
#c6c9bb rgb(198,201,187)
```
#c9cdb7
```
#c9cdb7 rgb(201,205,183)
```
#ccd2b2
```
#ccd2b2 rgb(204,210,178)
```
#cfd7ad
```
#cfd7ad rgb(207,215,173)
```
#d2dba9
```
#d2dba9 rgb(210,219,169)
```
#d5e0a4
```
#d5e0a4 rgb(213,224,164)
```
#d8e59f
```
#d8e59f rgb(216,229,159)
```
#dbe99b
```
#dbe99b rgb(219,233,155)
```
#deee96
```
#deee96 rgb(222,238,150)
```
#e1f391
```
#e1f391 rgb(225,243,145)
```
#e3f88c
```
#e3f88c rgb(227,248,140)
```
#e6fc88
```
#e6fc88 rgb(230,252,136)
```

Tone Color Variation

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

#dbd0b4 Protanopia 1% of men
#edc9b9 Deuteranopia 1% of men
#d5cedd Tritanopia 0.001% of the population

Trichromacy

#d5d1b3 Protanomaly 1% of men, 0.01% of women
#e1ccb6 Deuteranomaly 6% of men, 0.4% of women
#d1cfcd Tritanomaly 0.01% of the population

#ccd2b2 hex color

#ccd2b2 Color Information

#ccd2b2 Color Conversion

Color Schemes with #ccd2b2

Alternatives to #ccd2b2

#ccd2b2 Preview

Shades and Tints of #ccd2b2

Tones of #ccd2b2

Color Blindness Simulator