#cfd3bd hex color

In a RGB color space, hex #cfd3bd is composed of 81.2% red, 82.7% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 1.9% cyan, 0% magenta, 10.4% yellow and 17.3% black. It has a hue angle of 70.9 degrees, a saturation of 20% and a lightness of 78.4%. #cfd3bd color hex could be obtained by blending #ffffff with #9fa77b. Closest websafe color is: #cccccc.

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

● #cfd3bd color description : Grayish yellow.

The hexadecimal color #cfd3bd has RGB values of R:207, G:211, B:189 and CMYK values of C:0.02, M:0, Y:0.1, K:0.17. Its decimal value is 13620157.

Hex triplet	cfd3bd	`#cfd3bd`
RGB Decimal	207, 211, 189	`rgb(207,211,189)`
RGB Percent	81.2, 82.7, 74.1	`rgb(81.2%,82.7%,74.1%)`
CMYK	2, 0, 10, 17
HSL	70.9°, 20, 78.4	`hsl(70.9,20%,78.4%)`
HSV (or HSB)	70.9°, 10.4, 82.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.719, -5.216, 10.424
XYZ	58.21, 63.528, 57.337
xyY	0.325, 0.355, 63.528
CIE-LCH	83.719, 11.656, 116.581
CIE-LUV	83.719, -1.134, 16.231
Hunter-Lab	79.705, -9.12, 13.142
Binary	11001111, 11010011, 10111101

#cfd3bd
```
#cfd3bd rgb(207,211,189)
```
#c1bdd3
```
#c1bdd3 rgb(193,189,211)
```

Complementary Color

#d3ccbd
```
#d3ccbd rgb(211,204,189)
```
#cfd3bd
```
#cfd3bd rgb(207,211,189)
```
#c4d3bd
```
#c4d3bd rgb(196,211,189)
```

Analogous Color

#ccbdd3
```
#ccbdd3 rgb(204,189,211)
```
#cfd3bd
```
#cfd3bd rgb(207,211,189)
```
#bdc4d3
```
#bdc4d3 rgb(189,196,211)
```

Split Complementary Color

#d3bdcf
```
#d3bdcf rgb(211,189,207)
```
#cfd3bd
```
#cfd3bd rgb(207,211,189)
```
#bdcfd3
```
#bdcfd3 rgb(189,207,211)
```

Triadic Color

#d3c1bd
```
#d3c1bd rgb(211,193,189)
```
#cfd3bd
```
#cfd3bd rgb(207,211,189)
```
#bdcfd3
```
#bdcfd3 rgb(189,207,211)
```
#c1bdd3
```
#c1bdd3 rgb(193,189,211)
```

Tetradic Color

#aeb48f
```
#aeb48f rgb(174,180,143)
```
#b9bf9e
```
#b9bf9e rgb(185,191,158)
```
#c4c9ae
```
#c4c9ae rgb(196,201,174)
```
#cfd3bd
```
#cfd3bd rgb(207,211,189)
```
#daddcc
```
#daddcc rgb(218,221,204)
```
#e5e7dc
```
#e5e7dc rgb(229,231,220)
```
#f0f2eb
```
#f0f2eb rgb(240,242,235)
```

Monochromatic Color

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

#d3d2bd
```
#d3d2bd rgb(211,210,189)
```
#d3d3bd
```
#d3d3bd rgb(211,211,189)
```
#d1d3bd
```
#d1d3bd rgb(209,211,189)
```
#cfd3bd
```
#cfd3bd rgb(207,211,189)
```
#cdd3bd
```
#cdd3bd rgb(205,211,189)
```
#cbd3bd
```
#cbd3bd rgb(203,211,189)
```
#cad3bd
```
#cad3bd rgb(202,211,189)
```

Similar Colors

Text with hexadecimal color #cfd3bd

This text has a font color of #cfd3bd.

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

#cfd3bd background color

This paragraph has a background color of #cfd3bd.

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

#cfd3bd border color

This element has a border color of #cfd3bd.

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

CSS codes

.text {color:#cfd3bd;}

.background {background-color:#cfd3bd;}

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

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

#040503
```
#040503 rgb(4,5,3)
```
#0f100b
```
#0f100b rgb(15,16,11)
```
#1a1c13
```
#1a1c13 rgb(26,28,19)
```
#26281b
```
#26281b rgb(38,40,27)
```
#313422
```
#313422 rgb(49,52,34)
```
#3c3f2a
```
#3c3f2a rgb(60,63,42)
```
#474b32
```
#474b32 rgb(71,75,50)
```
#52573a
```
#52573a rgb(82,87,58)
```
#5d6342
```
#5d6342 rgb(93,99,66)
```
#686f4a
```
#686f4a rgb(104,111,74)
```
#737a52
```
#737a52 rgb(115,122,82)
```
#7e8659
```
#7e8659 rgb(126,134,89)
```
#899261
```
#899261 rgb(137,146,97)
```

Shade Color Variation

#939c6b
```
#939c6b rgb(147,156,107)
```
#9ca476
```
#9ca476 rgb(156,164,118)
```
#a4ac82
```
#a4ac82 rgb(164,172,130)
```
#adb48e
```
#adb48e rgb(173,180,142)
```
#b5bb9a
```
#b5bb9a rgb(181,187,154)
```
#bec3a5
```
#bec3a5 rgb(190,195,165)
```
#c6cbb1
```
#c6cbb1 rgb(198,203,177)
```
#cfd3bd
```
#cfd3bd rgb(207,211,189)
```
#d8dbc9
```
#d8dbc9 rgb(216,219,201)
```
#e0e3d5
```
#e0e3d5 rgb(224,227,213)
```
#e9ebe0
```
#e9ebe0 rgb(233,235,224)
```
#f1f2ec
```
#f1f2ec rgb(241,242,236)
```
#fafaf8
```
#fafaf8 rgb(250,250,248)
```

Tint Color Variation

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

#cacbc5
```
#cacbc5 rgb(202,203,197)
```
#cccfc1
```
#cccfc1 rgb(204,207,193)
```
#cfd3bd
```
#cfd3bd rgb(207,211,189)
```
#d2d7b9
```
#d2d7b9 rgb(210,215,185)
```
#d4dbb5
```
#d4dbb5 rgb(212,219,181)
```
#d7e0b0
```
#d7e0b0 rgb(215,224,176)
```
#dae4ac
```
#dae4ac rgb(218,228,172)
```
#dce8a8
```
#dce8a8 rgb(220,232,168)
```
#dfeca4
```
#dfeca4 rgb(223,236,164)
```
#e2f19f
```
#e2f19f rgb(226,241,159)
```
#e5f59b
```
#e5f59b rgb(229,245,155)
```
#e7f997
```
#e7f997 rgb(231,249,151)
```
#eafd93
```
#eafd93 rgb(234,253,147)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#cfd0cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbd2bf Protanopia 1% of men
#ecccc3 Deuteranopia 1% of men
#d6d0df Tritanopia 0.001% of the population

Trichromacy

#d6d2be Protanomaly 1% of men, 0.01% of women
#e1cec1 Deuteranomaly 6% of men, 0.4% of women
#d3d1d2 Tritanomaly 0.01% of the population

#cfd3bd hex color

#cfd3bd Color Information

#cfd3bd Color Conversion

Color Schemes with #cfd3bd

Alternatives to #cfd3bd

#cfd3bd Preview

Shades and Tints of #cfd3bd

Tones of #cfd3bd

Color Blindness Simulator