#cfd5df hex color

In a RGB color space, hex #cfd5df is composed of 81.2% red, 83.5% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 7.2% cyan, 4.5% magenta, 0% yellow and 12.5% black. It has a hue angle of 217.5 degrees, a saturation of 20% and a lightness of 84.3%. #cfd5df color hex could be obtained by blending #ffffff with #9fabbf. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 81
- G 84
- B 87
RGB color chart
- C 7
- M 4
- Y 0
- K 13
CMYK color chart

● #cfd5df color description : Light grayish blue.

The hexadecimal color #cfd5df has RGB values of R:207, G:213, B:223 and CMYK values of C:0.07, M:0.04, Y:0, K:0.13. Its decimal value is 13620703.

Hex triplet	cfd5df	`#cfd5df`
RGB Decimal	207, 213, 223	`rgb(207,213,223)`
RGB Percent	81.2, 83.5, 87.5	`rgb(81.2%,83.5%,87.5%)`
CMYK	7, 4, 0, 13
HSL	217.5°, 20, 84.3	`hsl(217.5,20%,84.3%)`
HSV (or HSB)	217.5°, 7.2, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.089, -0.139, -5.63
XYZ	62.843, 66.181, 79.271
xyY	0.302, 0.318, 66.181
CIE-LCH	85.089, 5.632, 268.586
CIE-LUV	85.089, -3.856, -8.641
Hunter-Lab	81.352, -4.477, -0.827
Binary	11001111, 11010101, 11011111

#cfd5df
```
#cfd5df rgb(207,213,223)
```
#dfd9cf
```
#dfd9cf rgb(223,217,207)
```

Complementary Color

#cfdddf
```
#cfdddf rgb(207,221,223)
```
#cfd5df
```
#cfd5df rgb(207,213,223)
```
#d1cfdf
```
#d1cfdf rgb(209,207,223)
```

Analogous Color

#dddfcf
```
#dddfcf rgb(221,223,207)
```
#cfd5df
```
#cfd5df rgb(207,213,223)
```
#dfd1cf
```
#dfd1cf rgb(223,209,207)
```

Split Complementary Color

#d5dfcf
```
#d5dfcf rgb(213,223,207)
```
#cfd5df
```
#cfd5df rgb(207,213,223)
```
#dfcfd5
```
#dfcfd5 rgb(223,207,213)
```

Triadic Color

#cfdfd9
```
#cfdfd9 rgb(207,223,217)
```
#cfd5df
```
#cfd5df rgb(207,213,223)
```
#dfcfd5
```
#dfcfd5 rgb(223,207,213)
```
#dfd9cf
```
#dfd9cf rgb(223,217,207)
```

Tetradic Color

#a1adc0
```
#a1adc0 rgb(161,173,192)
```
#b0bacb
```
#b0bacb rgb(176,186,203)
```
#c0c8d5
```
#c0c8d5 rgb(192,200,213)
```
#cfd5df
```
#cfd5df rgb(207,213,223)
```
#dee2e9
```
#dee2e9 rgb(222,226,233)
```
#eef0f3
```
#eef0f3 rgb(238,240,243)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Monochromatic Color

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

#cfd9df
```
#cfd9df rgb(207,217,223)
```
#cfd8df
```
#cfd8df rgb(207,216,223)
```
#cfd6df
```
#cfd6df rgb(207,214,223)
```
#cfd5df
```
#cfd5df rgb(207,213,223)
```
#cfd4df
```
#cfd4df rgb(207,212,223)
```
#cfd2df
```
#cfd2df rgb(207,210,223)
```
#cfd1df
```
#cfd1df rgb(207,209,223)
```

Similar Colors

Text with hexadecimal color #cfd5df

This text has a font color of #cfd5df.

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

#cfd5df background color

This paragraph has a background color of #cfd5df.

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

#cfd5df border color

This element has a border color of #cfd5df.

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

CSS codes

.text {color:#cfd5df;}

.background {background-color:#cfd5df;}

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

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, #07090b is the darkest color, while #fefefe is the lightest one.

#07090b
```
#07090b rgb(7,9,11)
```
#0f1217
```
#0f1217 rgb(15,18,23)
```
#171b22
```
#171b22 rgb(23,27,34)
```
#1f252e
```
#1f252e rgb(31,37,46)
```
#272e3a
```
#272e3a rgb(39,46,58)
```
#2e3746
```
#2e3746 rgb(46,55,70)
```
#364051
```
#364051 rgb(54,64,81)
```
#3e4a5d
```
#3e4a5d rgb(62,74,93)
```
#465369
```
#465369 rgb(70,83,105)
```
#4e5c75
```
#4e5c75 rgb(78,92,117)
```
#566681
```
#566681 rgb(86,102,129)
```
#5e6f8c
```
#5e6f8c rgb(94,111,140)
```
#657898
```
#657898 rgb(101,120,152)
```

Shade Color Variation

#7183a0
```
#7183a0 rgb(113,131,160)
```
#7d8da8
```
#7d8da8 rgb(125,141,168)
```
#8897b0
```
#8897b0 rgb(136,151,176)
```
#94a2b8
```
#94a2b8 rgb(148,162,184)
```
#a0acc0
```
#a0acc0 rgb(160,172,192)
```
#acb6c7
```
#acb6c7 rgb(172,182,199)
```
#b7c0cf
```
#b7c0cf rgb(183,192,207)
```
#c3cbd7
```
#c3cbd7 rgb(195,203,215)
```
#cfd5df
```
#cfd5df rgb(207,213,223)
```
#dbdfe7
```
#dbdfe7 rgb(219,223,231)
```
#e7eaef
```
#e7eaef rgb(231,234,239)
```
#f2f4f7
```
#f2f4f7 rgb(242,244,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#d5d7d9
```
#d5d7d9 rgb(213,215,217)
```
#d2d6dc
```
#d2d6dc rgb(210,214,220)
```
#cfd5df
```
#cfd5df rgb(207,213,223)
```
#ccd4e2
```
#ccd4e2 rgb(204,212,226)
```
#c9d3e5
```
#c9d3e5 rgb(201,211,229)
```
#c6d3e8
```
#c6d3e8 rgb(198,211,232)
```
#c3d2eb
```
#c3d2eb rgb(195,210,235)
```
#c0d1ee
```
#c0d1ee rgb(192,209,238)
```
#bdd0f1
```
#bdd0f1 rgb(189,208,241)
```
#b9d0f5
```
#b9d0f5 rgb(185,208,245)
```
#b6cff8
```
#b6cff8 rgb(182,207,248)
```
#b3cefb
```
#b3cefb rgb(179,206,251)
```
#b0cdfe
```
#b0cdfe rgb(176,205,254)
```

Tone Color Variation

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

#d7d5df Protanopia 1% of men
#e4d0e2 Deuteranopia 1% of men
#d2d6e5 Tritanopia 0.001% of the population

Trichromacy

#d4d5df Protanomaly 1% of men, 0.01% of women
#dcd2e1 Deuteranomaly 6% of men, 0.4% of women
#d1d5e3 Tritanomaly 0.01% of the population

#cfd5df hex color

#cfd5df Color Information

#cfd5df Color Conversion

Color Schemes with #cfd5df

Alternatives to #cfd5df

#cfd5df Preview

Shades and Tints of #cfd5df

Tones of #cfd5df

Color Blindness Simulator