#cfd5dc hex color

In a RGB color space, hex #cfd5dc is composed of 81.2% red, 83.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 5.9% cyan, 3.2% magenta, 0% yellow and 13.7% black. It has a hue angle of 212.3 degrees, a saturation of 15.7% and a lightness of 83.7%. #cfd5dc color hex could be obtained by blending #ffffff with #9fabb9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 81
- G 84
- B 86
RGB color chart
- C 6
- M 3
- Y 0
- K 14
CMYK color chart

● #cfd5dc color description : Light grayish blue.

The hexadecimal color #cfd5dc has RGB values of R:207, G:213, B:220 and CMYK values of C:0.06, M:0.03, Y:0, K:0.14. Its decimal value is 13620700.

Hex triplet	cfd5dc	`#cfd5dc`
RGB Decimal	207, 213, 220	`rgb(207,213,220)`
RGB Percent	81.2, 83.5, 86.3	`rgb(81.2%,83.5%,86.3%)`
CMYK	6, 3, 0, 14
HSL	212.3°, 15.7, 83.7	`hsl(212.3,15.7%,83.7%)`
HSV (or HSB)	212.3°, 5.9, 86.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.007, -0.715, -4.159
XYZ	62.442, 66.021, 77.16
xyY	0.304, 0.321, 66.021
CIE-LCH	85.007, 4.22, 260.244
CIE-LUV	85.007, -3.704, -6.252
Hunter-Lab	81.253, -5.018, 0.574
Binary	11001111, 11010101, 11011100

#cfd5dc
```
#cfd5dc rgb(207,213,220)
```
#dcd6cf
```
#dcd6cf rgb(220,214,207)
```

Complementary Color

#cfdcdc
```
#cfdcdc rgb(207,220,220)
```
#cfd5dc
```
#cfd5dc rgb(207,213,220)
```
#d0cfdc
```
#d0cfdc rgb(208,207,220)
```

Analogous Color

#dcdccf
```
#dcdccf rgb(220,220,207)
```
#cfd5dc
```
#cfd5dc rgb(207,213,220)
```
#dcd0cf
```
#dcd0cf rgb(220,208,207)
```

Split Complementary Color

#d5dccf
```
#d5dccf rgb(213,220,207)
```
#cfd5dc
```
#cfd5dc rgb(207,213,220)
```
#dccfd5
```
#dccfd5 rgb(220,207,213)
```

Triadic Color

#cfdcd6
```
#cfdcd6 rgb(207,220,214)
```
#cfd5dc
```
#cfd5dc rgb(207,213,220)
```
#dccfd5
```
#dccfd5 rgb(220,207,213)
```
#dcd6cf
```
#dcd6cf rgb(220,214,207)
```

Tetradic Color

#a3aebc
```
#a3aebc rgb(163,174,188)
```
#b2bbc6
```
#b2bbc6 rgb(178,187,198)
```
#c0c8d1
```
#c0c8d1 rgb(192,200,209)
```
#cfd5dc
```
#cfd5dc rgb(207,213,220)
```
#dee2e7
```
#dee2e7 rgb(222,226,231)
```
#eceff2
```
#eceff2 rgb(236,239,242)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Monochromatic Color

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

#cfd8dc
```
#cfd8dc rgb(207,216,220)
```
#cfd7dc
```
#cfd7dc rgb(207,215,220)
```
#cfd6dc
```
#cfd6dc rgb(207,214,220)
```
#cfd5dc
```
#cfd5dc rgb(207,213,220)
```
#cfd4dc
```
#cfd4dc rgb(207,212,220)
```
#cfd3dc
```
#cfd3dc rgb(207,211,220)
```
#cfd2dc
```
#cfd2dc rgb(207,210,220)
```

Similar Colors

Text with hexadecimal color #cfd5dc

This text has a font color of #cfd5dc.

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

#cfd5dc background color

This paragraph has a background color of #cfd5dc.

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

#cfd5dc border color

This element has a border color of #cfd5dc.

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

CSS codes

.text {color:#cfd5dc;}

.background {background-color:#cfd5dc;}

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

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

#060709
```
#060709 rgb(6,7,9)
```
#0f1114
```
#0f1114 rgb(15,17,20)
```
#171b1f
```
#171b1f rgb(23,27,31)
```
#1f252b
```
#1f252b rgb(31,37,43)
```
#272e36
```
#272e36 rgb(39,46,54)
```
#303841
```
#303841 rgb(48,56,65)
```
#38424d
```
#38424d rgb(56,66,77)
```
#404b58
```
#404b58 rgb(64,75,88)
```
#495563
```
#495563 rgb(73,85,99)
```
#515f6f
```
#515f6f rgb(81,95,111)
```
#59687a
```
#59687a rgb(89,104,122)
```
#617286
```
#617286 rgb(97,114,134)
```
#6a7c91
```
#6a7c91 rgb(106,124,145)
```

Shade Color Variation

#74869a
```
#74869a rgb(116,134,154)
```
#8090a2
```
#8090a2 rgb(128,144,162)
```
#8b99aa
```
#8b99aa rgb(139,153,170)
```
#96a3b3
```
#96a3b3 rgb(150,163,179)
```
#a2adbb
```
#a2adbb rgb(162,173,187)
```
#adb7c3
```
#adb7c3 rgb(173,183,195)
```
#b8c1cb
```
#b8c1cb rgb(184,193,203)
```
#c4cbd4
```
#c4cbd4 rgb(196,203,212)
```
#cfd5dc
```
#cfd5dc rgb(207,213,220)
```
#dadfe4
```
#dadfe4 rgb(218,223,228)
```
#e6e9ed
```
#e6e9ed rgb(230,233,237)
```
#f1f3f5
```
#f1f3f5 rgb(241,243,245)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#d5d5d6
```
#d5d5d6 rgb(213,213,214)
```
#d2d5d9
```
#d2d5d9 rgb(210,213,217)
```
#cfd5dc
```
#cfd5dc rgb(207,213,220)
```
#ccd5df
```
#ccd5df rgb(204,213,223)
```
#c9d5e2
```
#c9d5e2 rgb(201,213,226)
```
#c5d4e6
```
#c5d4e6 rgb(197,212,230)
```
#c2d4e9
```
#c2d4e9 rgb(194,212,233)
```
#bfd4ec
```
#bfd4ec rgb(191,212,236)
```
#bcd4ef
```
#bcd4ef rgb(188,212,239)
```
#b9d3f2
```
#b9d3f2 rgb(185,211,242)
```
#b5d3f6
```
#b5d3f6 rgb(181,211,246)
```
#b2d3f9
```
#b2d3f9 rgb(178,211,249)
```
#afd3fc
```
#afd3fc rgb(175,211,252)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#d3d4d6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8d5dc Protanopia 1% of men
#e5d0df Deuteranopia 1% of men
#d2d5e5 Tritanopia 0.001% of the population

Trichromacy

#d4d5dc Protanomaly 1% of men, 0.01% of women
#ddd2de Deuteranomaly 6% of men, 0.4% of women
#d1d5e1 Tritanomaly 0.01% of the population

#cfd5dc hex color

#cfd5dc Color Information

#cfd5dc Color Conversion

Color Schemes with #cfd5dc

Alternatives to #cfd5dc

#cfd5dc Preview

Shades and Tints of #cfd5dc

Tones of #cfd5dc

Color Blindness Simulator