#cfdfe5 hex color

In a RGB color space, hex #cfdfe5 is composed of 81.2% red, 87.5% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 9.6% cyan, 2.6% magenta, 0% yellow and 10.2% black. It has a hue angle of 196.4 degrees, a saturation of 29.7% and a lightness of 85.5%. #cfdfe5 color hex could be obtained by blending #ffffff with #9fbfcb. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 81
- G 87
- B 90
RGB color chart
- C 10
- M 3
- Y 0
- K 10
CMYK color chart

● #cfdfe5 color description : Light grayish blue.

The hexadecimal color #cfdfe5 has RGB values of R:207, G:223, B:229 and CMYK values of C:0.1, M:0.03, Y:0, K:0.1. Its decimal value is 13623269.

Hex triplet	cfdfe5	`#cfdfe5`
RGB Decimal	207, 223, 229	`rgb(207,223,229)`
RGB Percent	81.2, 87.5, 89.8	`rgb(81.2%,87.5%,89.8%)`
CMYK	10, 3, 0, 10
HSL	196.4°, 29.7, 85.5	`hsl(196.4,29.7%,85.5%)`
HSV (or HSB)	196.4°, 9.6, 89.8
Web Safe	cccccc	`#cccccc`

CIE-LAB	87.823, -4.168, -4.769
XYZ	66.26, 71.697, 84.473
xyY	0.298, 0.322, 71.697
CIE-LCH	87.823, 6.333, 228.847
CIE-LUV	87.823, -8.981, -6.643
Hunter-Lab	84.674, -8.499, 0.123
Binary	11001111, 11011111, 11100101

#cfdfe5
```
#cfdfe5 rgb(207,223,229)
```
#e5d5cf
```
#e5d5cf rgb(229,213,207)
```

Complementary Color

#cfe5e0
```
#cfe5e0 rgb(207,229,224)
```
#cfdfe5
```
#cfdfe5 rgb(207,223,229)
```
#cfd4e5
```
#cfd4e5 rgb(207,212,229)
```

Analogous Color

#e5e0cf
```
#e5e0cf rgb(229,224,207)
```
#cfdfe5
```
#cfdfe5 rgb(207,223,229)
```
#e5cfd4
```
#e5cfd4 rgb(229,207,212)
```

Split Complementary Color

#dfe5cf
```
#dfe5cf rgb(223,229,207)
```
#cfdfe5
```
#cfdfe5 rgb(207,223,229)
```
#e5cfdf
```
#e5cfdf rgb(229,207,223)
```

Triadic Color

#cfe5d5
```
#cfe5d5 rgb(207,229,213)
```
#cfdfe5
```
#cfdfe5 rgb(207,223,229)
```
#e5cfdf
```
#e5cfdf rgb(229,207,223)
```
#e5d5cf
```
#e5d5cf rgb(229,213,207)
```

Tetradic Color

#9dbeca
```
#9dbeca rgb(157,190,202)
```
#aec9d3
```
#aec9d3 rgb(174,201,211)
```
#bed4dc
```
#bed4dc rgb(190,212,220)
```
#cfdfe5
```
#cfdfe5 rgb(207,223,229)
```
#e0eaee
```
#e0eaee rgb(224,234,238)
```
#f0f5f7
```
#f0f5f7 rgb(240,245,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cfe5e5
```
#cfe5e5 rgb(207,229,229)
```
#cfe3e5
```
#cfe3e5 rgb(207,227,229)
```
#cfe1e5
```
#cfe1e5 rgb(207,225,229)
```
#cfdfe5
```
#cfdfe5 rgb(207,223,229)
```
#cfdde5
```
#cfdde5 rgb(207,221,229)
```
#cfdbe5
```
#cfdbe5 rgb(207,219,229)
```
#cfdae5
```
#cfdae5 rgb(207,218,229)
```

Similar Colors

Text with hexadecimal color #cfdfe5

This text has a font color of #cfdfe5.

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

#cfdfe5 background color

This paragraph has a background color of #cfdfe5.

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

#cfdfe5 border color

This element has a border color of #cfdfe5.

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

CSS codes

.text {color:#cfdfe5;}

.background {background-color:#cfdfe5;}

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

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

#020303
```
#020303 rgb(2,3,3)
```
#080e10
```
#080e10 rgb(8,14,16)
```
#0f191c
```
#0f191c rgb(15,25,28)
```
#162429
```
#162429 rgb(22,36,41)
```
#1d2f36
```
#1d2f36 rgb(29,47,54)
```
#243a43
```
#243a43 rgb(36,58,67)
```
#2b454f
```
#2b454f rgb(43,69,79)
```
#32505c
```
#32505c rgb(50,80,92)
```
#395c69
```
#395c69 rgb(57,92,105)
```
#406775
```
#406775 rgb(64,103,117)
```
#467282
```
#467282 rgb(70,114,130)
```
#4d7d8f
```
#4d7d8f rgb(77,125,143)
```
#54889c
```
#54889c rgb(84,136,156)
```

Shade Color Variation

#5c93a7
```
#5c93a7 rgb(92,147,167)
```
#699bae
```
#699bae rgb(105,155,174)
```
#76a4b5
```
#76a4b5 rgb(118,164,181)
```
#83acbc
```
#83acbc rgb(131,172,188)
```
#8fb5c3
```
#8fb5c3 rgb(143,181,195)
```
#9cbdc9
```
#9cbdc9 rgb(156,189,201)
```
#a9c6d0
```
#a9c6d0 rgb(169,198,208)
```
#b6ced7
```
#b6ced7 rgb(182,206,215)
```
#c2d7de
```
#c2d7de rgb(194,215,222)
```
#cfdfe5
```
#cfdfe5 rgb(207,223,229)
```
#dce7ec
```
#dce7ec rgb(220,231,236)
```
#e8f0f3
```
#e8f0f3 rgb(232,240,243)
```
#f5f8fa
```
#f5f8fa rgb(245,248,250)
```

Tint Color Variation

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

#d8dbdc
```
#d8dbdc rgb(216,219,220)
```
#d5dcdf
```
#d5dcdf rgb(213,220,223)
```
#d2dee2
```
#d2dee2 rgb(210,222,226)
```
#cfdfe5
```
#cfdfe5 rgb(207,223,229)
```
#cce0e8
```
#cce0e8 rgb(204,224,232)
```
#c9e2eb
```
#c9e2eb rgb(201,226,235)
```
#c6e3ee
```
#c6e3ee rgb(198,227,238)
```
#c4e4f0
```
#c4e4f0 rgb(196,228,240)
```
#c1e5f3
```
#c1e5f3 rgb(193,229,243)
```
#bee7f6
```
#bee7f6 rgb(190,231,246)
```
#bbe8f9
```
#bbe8f9 rgb(187,232,249)
```
#b8e9fc
```
#b8e9fc rgb(184,233,252)
```
#b5ebff
```
#b5ebff rgb(181,235,255)
```

Tone Color Variation

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

#dbdbdb Achromatopsia 0.005% of the population
#d9dcdd Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfdce4 Protanopia 1% of men
#edd7e9 Deuteranopia 1% of men
#d3dfef Tritanopia 0.001% of the population

Trichromacy

#d9dde4 Protanomaly 1% of men, 0.01% of women
#e2dae7 Deuteranomaly 6% of men, 0.4% of women
#d1dfeb Tritanomaly 0.01% of the population

#cfdfe5 hex color

#cfdfe5 Color Information

#cfdfe5 Color Conversion

Color Schemes with #cfdfe5

Alternatives to #cfdfe5

#cfdfe5 Preview

Shades and Tints of #cfdfe5

Tones of #cfdfe5

Color Blindness Simulator