#cfd4bb hex color

In a RGB color space, hex #cfd4bb is composed of 81.2% red, 83.1% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 2.4% cyan, 0% magenta, 11.8% yellow and 16.9% black. It has a hue angle of 72 degrees, a saturation of 22.5% and a lightness of 78.2%. #cfd4bb color hex could be obtained by blending #ffffff with #9fa977. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 81
- G 83
- B 73
RGB color chart
- C 2
- M 0
- Y 12
- K 17
CMYK color chart

● #cfd4bb color description : Grayish yellow.

The hexadecimal color #cfd4bb has RGB values of R:207, G:212, B:187 and CMYK values of C:0.02, M:0, Y:0.12, K:0.17. Its decimal value is 13620411.

Hex triplet	cfd4bb	`#cfd4bb`
RGB Decimal	207, 212, 187	`rgb(207,212,187)`
RGB Percent	81.2, 83.1, 73.3	`rgb(81.2%,83.1%,73.3%)`
CMYK	2, 0, 12, 17
HSL	72°, 22.5, 78.2	`hsl(72,22.5%,78.2%)`
HSV (or HSB)	72°, 11.8, 83.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.935, -6.062, 11.79
XYZ	58.244, 63.94, 56.284
xyY	0.326, 0.358, 63.94
CIE-LCH	83.935, 13.257, 117.21
CIE-LUV	83.935, -1.567, 18.325
Hunter-Lab	79.963, -9.918, 14.241
Binary	11001111, 11010100, 10111011

#cfd4bb
```
#cfd4bb rgb(207,212,187)
```
#c0bbd4
```
#c0bbd4 rgb(192,187,212)
```

Complementary Color

#d4cdbb
```
#d4cdbb rgb(212,205,187)
```
#cfd4bb
```
#cfd4bb rgb(207,212,187)
```
#c3d4bb
```
#c3d4bb rgb(195,212,187)
```

Analogous Color

#cdbbd4
```
#cdbbd4 rgb(205,187,212)
```
#cfd4bb
```
#cfd4bb rgb(207,212,187)
```
#bbc3d4
```
#bbc3d4 rgb(187,195,212)
```

Split Complementary Color

#d4bbcf
```
#d4bbcf rgb(212,187,207)
```
#cfd4bb
```
#cfd4bb rgb(207,212,187)
```
#bbcfd4
```
#bbcfd4 rgb(187,207,212)
```

Triadic Color

#d4c0bb
```
#d4c0bb rgb(212,192,187)
```
#cfd4bb
```
#cfd4bb rgb(207,212,187)
```
#bbcfd4
```
#bbcfd4 rgb(187,207,212)
```
#c0bbd4
```
#c0bbd4 rgb(192,187,212)
```

Tetradic Color

#aeb68c
```
#aeb68c rgb(174,182,140)
```
#b9c09c
```
#b9c09c rgb(185,192,156)
```
#c4caab
```
#c4caab rgb(196,202,171)
```
#cfd4bb
```
#cfd4bb rgb(207,212,187)
```
#dadecb
```
#dadecb rgb(218,222,203)
```
#e5e8da
```
#e5e8da rgb(229,232,218)
```
#f0f2ea
```
#f0f2ea rgb(240,242,234)
```

Monochromatic Color

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

#d4d3bb
```
#d4d3bb rgb(212,211,187)
```
#d3d4bb
```
#d3d4bb rgb(211,212,187)
```
#d1d4bb
```
#d1d4bb rgb(209,212,187)
```
#cfd4bb
```
#cfd4bb rgb(207,212,187)
```
#cdd4bb
```
#cdd4bb rgb(205,212,187)
```
#cbd4bb
```
#cbd4bb rgb(203,212,187)
```
#c9d4bb
```
#c9d4bb rgb(201,212,187)
```

Similar Colors

Text with hexadecimal color #cfd4bb

This text has a font color of #cfd4bb.

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

#cfd4bb background color

This paragraph has a background color of #cfd4bb.

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

#cfd4bb border color

This element has a border color of #cfd4bb.

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

CSS codes

.text {color:#cfd4bb;}

.background {background-color:#cfd4bb;}

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

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

#040403
```
#040403 rgb(4,4,3)
```
#0f100a
```
#0f100a rgb(15,16,10)
```
#1a1c12
```
#1a1c12 rgb(26,28,18)
```
#252819
```
#252819 rgb(37,40,25)
```
#303421
```
#303421 rgb(48,52,33)
```
#3b4029
```
#3b4029 rgb(59,64,41)
```
#474c30
```
#474c30 rgb(71,76,48)
```
#525838
```
#525838 rgb(82,88,56)
```
#5d643f
```
#5d643f rgb(93,100,63)
```
#687047
```
#687047 rgb(104,112,71)
```
#737c4f
```
#737c4f rgb(115,124,79)
```
#7e8856
```
#7e8856 rgb(126,136,86)
```
#89945e
```
#89945e rgb(137,148,94)
```

Shade Color Variation

#949f67
```
#949f67 rgb(148,159,103)
```
#9ca673
```
#9ca673 rgb(156,166,115)
```
#a5ae7f
```
#a5ae7f rgb(165,174,127)
```
#adb68b
```
#adb68b rgb(173,182,139)
```
#b6bd97
```
#b6bd97 rgb(182,189,151)
```
#bec5a3
```
#bec5a3 rgb(190,197,163)
```
#c7ccaf
```
#c7ccaf rgb(199,204,175)
```
#cfd4bb
```
#cfd4bb rgb(207,212,187)
```
#d7dcc7
```
#d7dcc7 rgb(215,220,199)
```
#e0e3d3
```
#e0e3d3 rgb(224,227,211)
```
#e8ebdf
```
#e8ebdf rgb(232,235,223)
```
#f1f2eb
```
#f1f2eb rgb(241,242,235)
```
#f9faf7
```
#f9faf7 rgb(249,250,247)
```

Tint Color Variation

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

#cacbc4
```
#cacbc4 rgb(202,203,196)
```
#ccd0bf
```
#ccd0bf rgb(204,208,191)
```
#cfd4bb
```
#cfd4bb rgb(207,212,187)
```
#d2d8b7
```
#d2d8b7 rgb(210,216,183)
```
#d4ddb2
```
#d4ddb2 rgb(212,221,178)
```
#d7e1ae
```
#d7e1ae rgb(215,225,174)
```
#d9e5aa
```
#d9e5aa rgb(217,229,170)
```
#dce9a6
```
#dce9a6 rgb(220,233,166)
```
#deeea1
```
#deeea1 rgb(222,238,161)
```
#e1f29d
```
#e1f29d rgb(225,242,157)
```
#e3f699
```
#e3f699 rgb(227,246,153)
```
#e6fa95
```
#e6fa95 rgb(230,250,149)
```
#e9ff90
```
#e9ff90 rgb(233,255,144)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#d0d1cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcd2bc Protanopia 1% of men
#eeccc1 Deuteranopia 1% of men
#d7d1e0 Tritanopia 0.001% of the population

Trichromacy

#d7d3bc Protanomaly 1% of men, 0.01% of women
#e2cfbf Deuteranomaly 6% of men, 0.4% of women
#d4d2d2 Tritanomaly 0.01% of the population

#cfd4bb hex color

#cfd4bb Color Information

#cfd4bb Color Conversion

Color Schemes with #cfd4bb

Alternatives to #cfd4bb

#cfd4bb Preview

Shades and Tints of #cfd4bb

Tones of #cfd4bb

Color Blindness Simulator