#cdd2bc hex color

In a RGB color space, hex #cdd2bc is composed of 80.4% red, 82.4% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 2.4% cyan, 0% magenta, 10.5% yellow and 17.6% black. It has a hue angle of 73.6 degrees, a saturation of 19.6% and a lightness of 78%. #cdd2bc color hex could be obtained by blending #ffffff with #9ba579. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 82
- B 74
RGB color chart
- C 2
- M 0
- Y 10
- K 18
CMYK color chart

● #cdd2bc color description : Grayish yellow.

The hexadecimal color #cdd2bc has RGB values of R:205, G:210, B:188 and CMYK values of C:0.02, M:0, Y:0.1, K:0.18. Its decimal value is 13488828.

Hex triplet	cdd2bc	`#cdd2bc`
RGB Decimal	205, 210, 188	`rgb(205,210,188)`
RGB Percent	80.4, 82.4, 73.7	`rgb(80.4%,82.4%,73.7%)`
CMYK	2, 0, 10, 18
HSL	73.6°, 19.6, 78	`hsl(73.6,19.6%,78%)`
HSV (or HSB)	73.6°, 10.5, 82.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.286, -5.574, 10.316
XYZ	57.299, 62.703, 56.659
xyY	0.324, 0.355, 62.703
CIE-LCH	83.286, 11.726, 118.384
CIE-LUV	83.286, -1.712, 16.127
Hunter-Lab	79.185, -9.411, 13.007
Binary	11001101, 11010010, 10111100

#cdd2bc
```
#cdd2bc rgb(205,210,188)
```
#c1bcd2
```
#c1bcd2 rgb(193,188,210)
```

Complementary Color

#d2ccbc
```
#d2ccbc rgb(210,204,188)
```
#cdd2bc
```
#cdd2bc rgb(205,210,188)
```
#c2d2bc
```
#c2d2bc rgb(194,210,188)
```

Analogous Color

#ccbcd2
```
#ccbcd2 rgb(204,188,210)
```
#cdd2bc
```
#cdd2bc rgb(205,210,188)
```
#bcc2d2
```
#bcc2d2 rgb(188,194,210)
```

Split Complementary Color

#d2bccd
```
#d2bccd rgb(210,188,205)
```
#cdd2bc
```
#cdd2bc rgb(205,210,188)
```
#bccdd2
```
#bccdd2 rgb(188,205,210)
```

Triadic Color

#d2c1bc
```
#d2c1bc rgb(210,193,188)
```
#cdd2bc
```
#cdd2bc rgb(205,210,188)
```
#bccdd2
```
#bccdd2 rgb(188,205,210)
```
#c1bcd2
```
#c1bcd2 rgb(193,188,210)
```

Tetradic Color

#abb38e
```
#abb38e rgb(171,179,142)
```
#b6be9d
```
#b6be9d rgb(182,190,157)
```
#c2c8ad
```
#c2c8ad rgb(194,200,173)
```
#cdd2bc
```
#cdd2bc rgb(205,210,188)
```
#d8dccb
```
#d8dccb rgb(216,220,203)
```
#e4e6db
```
#e4e6db rgb(228,230,219)
```
#eff1ea
```
#eff1ea rgb(239,241,234)
```

Monochromatic Color

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

#d2d2bc
```
#d2d2bc rgb(210,210,188)
```
#d1d2bc
```
#d1d2bc rgb(209,210,188)
```
#cfd2bc
```
#cfd2bc rgb(207,210,188)
```
#cdd2bc
```
#cdd2bc rgb(205,210,188)
```
#cbd2bc
```
#cbd2bc rgb(203,210,188)
```
#c9d2bc
```
#c9d2bc rgb(201,210,188)
```
#c8d2bc
```
#c8d2bc rgb(200,210,188)
```

Similar Colors

Text with hexadecimal color #cdd2bc

This text has a font color of #cdd2bc.

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

#cdd2bc background color

This paragraph has a background color of #cdd2bc.

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

#cdd2bc border color

This element has a border color of #cdd2bc.

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

CSS codes

.text {color:#cdd2bc;}

.background {background-color:#cdd2bc;}

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

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

#030302
```
#030302 rgb(3,3,2)
```
#0e0f0a
```
#0e0f0a rgb(14,15,10)
```
#191b12
```
#191b12 rgb(25,27,18)
```
#24271a
```
#24271a rgb(36,39,26)
```
#2f3222
```
#2f3222 rgb(47,50,34)
```
#393e2a
```
#393e2a rgb(57,62,42)
```
#444a32
```
#444a32 rgb(68,74,50)
```
#4f5639
```
#4f5639 rgb(79,86,57)
```
#5a6141
```
#5a6141 rgb(90,97,65)
```
#656d49
```
#656d49 rgb(101,109,73)
```
#707951
```
#707951 rgb(112,121,81)
```
#7b8459
```
#7b8459 rgb(123,132,89)
```
#859061
```
#859061 rgb(133,144,97)
```

Shade Color Variation

#909b6a
```
#909b6a rgb(144,155,106)
```
#98a376
```
#98a376 rgb(152,163,118)
```
#a1ab81
```
#a1ab81 rgb(161,171,129)
```
#aab28d
```
#aab28d rgb(170,178,141)
```
#b3ba99
```
#b3ba99 rgb(179,186,153)
```
#bbc2a5
```
#bbc2a5 rgb(187,194,165)
```
#c4cab0
```
#c4cab0 rgb(196,202,176)
```
#cdd2bc
```
#cdd2bc rgb(205,210,188)
```
#d6dac8
```
#d6dac8 rgb(214,218,200)
```
#dfe2d3
```
#dfe2d3 rgb(223,226,211)
```
#e7eadf
```
#e7eadf rgb(231,234,223)
```
#f0f2eb
```
#f0f2eb rgb(240,242,235)
```
#f9f9f7
```
#f9f9f7 rgb(249,249,247)
```

Tint Color Variation

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

#c8c9c5
```
#c8c9c5 rgb(200,201,197)
```
#cbcec0
```
#cbcec0 rgb(203,206,192)
```
#cdd2bc
```
#cdd2bc rgb(205,210,188)
```
#cfd6b8
```
#cfd6b8 rgb(207,214,184)
```
#d2dbb3
```
#d2dbb3 rgb(210,219,179)
```
#d4dfaf
```
#d4dfaf rgb(212,223,175)
```
#d6e3ab
```
#d6e3ab rgb(214,227,171)
```
#d9e8a6
```
#d9e8a6 rgb(217,232,166)
```
#dbeca2
```
#dbeca2 rgb(219,236,162)
```
#ddf09e
```
#ddf09e rgb(221,240,158)
```
#e0f49a
```
#e0f49a rgb(224,244,154)
```
#e2f995
```
#e2f995 rgb(226,249,149)
```
#e4fd91
```
#e4fd91 rgb(228,253,145)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#cecfca Atypical Achromatopsia 0.001% of the population

Dichromacy

#dad1bd Protanopia 1% of men
#ebcbc2 Deuteranopia 1% of men
#d4cfde Tritanopia 0.001% of the population

Trichromacy

#d5d1bd Protanomaly 1% of men, 0.01% of women
#e0cdc0 Deuteranomaly 6% of men, 0.4% of women
#d2d0d1 Tritanomaly 0.01% of the population

#cdd2bc hex color

#cdd2bc Color Information

#cdd2bc Color Conversion

Color Schemes with #cdd2bc

Alternatives to #cdd2bc

#cdd2bc Preview

Shades and Tints of #cdd2bc

Tones of #cdd2bc

Color Blindness Simulator