#cdd2bb hex color

In a RGB color space, hex #cdd2bb is composed of 80.4% red, 82.4% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 2.4% cyan, 0% magenta, 11% yellow and 17.6% black. It has a hue angle of 73 degrees, a saturation of 20.4% and a lightness of 77.8%. #cdd2bb color hex could be obtained by blending #ffffff with #9ba577. Closest websafe color is: #cccccc.

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

● #cdd2bb color description : Grayish yellow.

The hexadecimal color #cdd2bb has RGB values of R:205, G:210, B:187 and CMYK values of C:0.02, M:0, Y:0.11, K:0.18. Its decimal value is 13488827.

Hex triplet	cdd2bb	`#cdd2bb`
RGB Decimal	205, 210, 187	`rgb(205,210,187)`
RGB Percent	80.4, 82.4, 73.3	`rgb(80.4%,82.4%,73.3%)`
CMYK	2, 0, 11, 18
HSL	73°, 20.4, 77.8	`hsl(73,20.4%,77.8%)`
HSV (or HSB)	73°, 11, 82.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.263, -5.741, 10.815
XYZ	57.191, 62.66, 56.093
xyY	0.325, 0.356, 62.66
CIE-LCH	83.263, 12.244, 117.961
CIE-LUV	83.263, -1.664, 16.863
Hunter-Lab	79.158, -9.561, 13.397
Binary	11001101, 11010010, 10111011

#cdd2bb
```
#cdd2bb rgb(205,210,187)
```
#c0bbd2
```
#c0bbd2 rgb(192,187,210)
```

Complementary Color

#d2ccbb
```
#d2ccbb rgb(210,204,187)
```
#cdd2bb
```
#cdd2bb rgb(205,210,187)
```
#c2d2bb
```
#c2d2bb rgb(194,210,187)
```

Analogous Color

#ccbbd2
```
#ccbbd2 rgb(204,187,210)
```
#cdd2bb
```
#cdd2bb rgb(205,210,187)
```
#bbc2d2
```
#bbc2d2 rgb(187,194,210)
```

Split Complementary Color

#d2bbcd
```
#d2bbcd rgb(210,187,205)
```
#cdd2bb
```
#cdd2bb rgb(205,210,187)
```
#bbcdd2
```
#bbcdd2 rgb(187,205,210)
```

Triadic Color

#d2c0bb
```
#d2c0bb rgb(210,192,187)
```
#cdd2bb
```
#cdd2bb rgb(205,210,187)
```
#bbcdd2
```
#bbcdd2 rgb(187,205,210)
```
#c0bbd2
```
#c0bbd2 rgb(192,187,210)
```

Tetradic Color

#abb48d
```
#abb48d rgb(171,180,141)
```
#b6be9c
```
#b6be9c rgb(182,190,156)
```
#c2c8ac
```
#c2c8ac rgb(194,200,172)
```
#cdd2bb
```
#cdd2bb rgb(205,210,187)
```
#d8dcca
```
#d8dcca rgb(216,220,202)
```
#e4e6da
```
#e4e6da rgb(228,230,218)
```
#eff0e9
```
#eff0e9 rgb(239,240,233)
```

Monochromatic Color

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

#d2d1bb
```
#d2d1bb rgb(210,209,187)
```
#d1d2bb
```
#d1d2bb rgb(209,210,187)
```
#cfd2bb
```
#cfd2bb rgb(207,210,187)
```
#cdd2bb
```
#cdd2bb rgb(205,210,187)
```
#cbd2bb
```
#cbd2bb rgb(203,210,187)
```
#c9d2bb
```
#c9d2bb rgb(201,210,187)
```
#c7d2bb
```
#c7d2bb rgb(199,210,187)
```

Similar Colors

Text with hexadecimal color #cdd2bb

This text has a font color of #cdd2bb.

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

#cdd2bb background color

This paragraph has a background color of #cdd2bb.

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

#cdd2bb border color

This element has a border color of #cdd2bb.

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

CSS codes

.text {color:#cdd2bb;}

.background {background-color:#cdd2bb;}

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

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 #f8f9f6 is the lightest one.

#030302
```
#030302 rgb(3,3,2)
```
#0e0f0a
```
#0e0f0a rgb(14,15,10)
```
#181a11
```
#181a11 rgb(24,26,17)
```
#232619
```
#232619 rgb(35,38,25)
```
#2e3221
```
#2e3221 rgb(46,50,33)
```
#393e29
```
#393e29 rgb(57,62,41)
```
#444a31
```
#444a31 rgb(68,74,49)
```
#4f5539
```
#4f5539 rgb(79,85,57)
```
#5a6140
```
#5a6140 rgb(90,97,64)
```
#656d48
```
#656d48 rgb(101,109,72)
```
#707950
```
#707950 rgb(112,121,80)
```
#7b8558
```
#7b8558 rgb(123,133,88)
```
#869060
```
#869060 rgb(134,144,96)
```

Shade Color Variation

#909b68
```
#909b68 rgb(144,155,104)
```
#99a374
```
#99a374 rgb(153,163,116)
```
#a2ab80
```
#a2ab80 rgb(162,171,128)
```
#aab38c
```
#aab38c rgb(170,179,140)
```
#b3bb98
```
#b3bb98 rgb(179,187,152)
```
#bcc2a3
```
#bcc2a3 rgb(188,194,163)
```
#c4caaf
```
#c4caaf rgb(196,202,175)
```
#cdd2bb
```
#cdd2bb rgb(205,210,187)
```
#d6dac7
```
#d6dac7 rgb(214,218,199)
```
#dee2d3
```
#dee2d3 rgb(222,226,211)
```
#e7e9de
```
#e7e9de rgb(231,233,222)
```
#f0f1ea
```
#f0f1ea rgb(240,241,234)
```
#f8f9f6
```
#f8f9f6 rgb(248,249,246)
```

Tint Color Variation

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

#c8c9c4
```
#c8c9c4 rgb(200,201,196)
```
#cbcebf
```
#cbcebf rgb(203,206,191)
```
#cdd2bb
```
#cdd2bb rgb(205,210,187)
```
#cfd6b7
```
#cfd6b7 rgb(207,214,183)
```
#d2dbb2
```
#d2dbb2 rgb(210,219,178)
```
#d4dfae
```
#d4dfae rgb(212,223,174)
```
#d7e3aa
```
#d7e3aa rgb(215,227,170)
```
#d9e8a5
```
#d9e8a5 rgb(217,232,165)
```
#dceca1
```
#dceca1 rgb(220,236,161)
```
#def09d
```
#def09d rgb(222,240,157)
```
#e1f598
```
#e1f598 rgb(225,245,152)
```
#e3f994
```
#e3f994 rgb(227,249,148)
```
#e6fd90
```
#e6fd90 rgb(230,253,144)
```

Tone Color Variation

Below, you can see how #cdd2bb 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
#ebcac1 Deuteranopia 1% of men
#d5cfde Tritanopia 0.001% of the population

Trichromacy

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

#cdd2bb hex color

#cdd2bb Color Information

#cdd2bb Color Conversion

Color Schemes with #cdd2bb

Alternatives to #cdd2bb

#cdd2bb Preview

Shades and Tints of #cdd2bb

Tones of #cdd2bb

Color Blindness Simulator