#cfd5ec hex color

In a RGB color space, hex #cfd5ec is composed of 81.2% red, 83.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 12.3% cyan, 9.7% magenta, 0% yellow and 7.5% black. It has a hue angle of 227.6 degrees, a saturation of 43.3% and a lightness of 86.9%. #cfd5ec color hex could be obtained by blending #ffffff with #9fabd9. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 81
- G 84
- B 93
RGB color chart
- C 12
- M 10
- Y 0
- K 7
CMYK color chart

● #cfd5ec color description : Light grayish blue.

The hexadecimal color #cfd5ec has RGB values of R:207, G:213, B:236 and CMYK values of C:0.12, M:0.1, Y:0, K:0.07. Its decimal value is 13620716.

Hex triplet	cfd5ec	`#cfd5ec`
RGB Decimal	207, 213, 236	`rgb(207,213,236)`
RGB Percent	81.2, 83.5, 92.5	`rgb(81.2%,83.5%,92.5%)`
CMYK	12, 10, 0, 7
HSL	227.6°, 43.3, 86.9	`hsl(227.6,43.3%,86.9%)`
HSV (or HSB)	227.6°, 12.3, 92.5
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.458, 2.435, -11.973
XYZ	64.664, 66.91, 88.86
xyY	0.293, 0.304, 66.91
CIE-LCH	85.458, 12.219, 281.496
CIE-LUV	85.458, -4.526, -19.134
Hunter-Lab	81.798, -2.038, -7.15
Binary	11001111, 11010101, 11101100

#cfd5ec
```
#cfd5ec rgb(207,213,236)
```
#ece6cf
```
#ece6cf rgb(236,230,207)
```

Complementary Color

#cfe4ec
```
#cfe4ec rgb(207,228,236)
```
#cfd5ec
```
#cfd5ec rgb(207,213,236)
```
#d8cfec
```
#d8cfec rgb(216,207,236)
```

Analogous Color

#e4eccf
```
#e4eccf rgb(228,236,207)
```
#cfd5ec
```
#cfd5ec rgb(207,213,236)
```
#ecd8cf
```
#ecd8cf rgb(236,216,207)
```

Split Complementary Color

#d5eccf
```
#d5eccf rgb(213,236,207)
```
#cfd5ec
```
#cfd5ec rgb(207,213,236)
```
#eccfd5
```
#eccfd5 rgb(236,207,213)
```

Triadic Color

#cfece6
```
#cfece6 rgb(207,236,230)
```
#cfd5ec
```
#cfd5ec rgb(207,213,236)
```
#eccfd5
```
#eccfd5 rgb(236,207,213)
```
#ece6cf
```
#ece6cf rgb(236,230,207)
```

Tetradic Color

#98a5d6
```
#98a5d6 rgb(152,165,214)
```
#aab5de
```
#aab5de rgb(170,181,222)
```
#bdc5e5
```
#bdc5e5 rgb(189,197,229)
```
#cfd5ec
```
#cfd5ec rgb(207,213,236)
```
#e1e5f3
```
#e1e5f3 rgb(225,229,243)
```
#f4f5fa
```
#f4f5fa rgb(244,245,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cfdcec
```
#cfdcec rgb(207,220,236)
```
#cfdaec
```
#cfdaec rgb(207,218,236)
```
#cfd7ec
```
#cfd7ec rgb(207,215,236)
```
#cfd5ec
```
#cfd5ec rgb(207,213,236)
```
#cfd3ec
```
#cfd3ec rgb(207,211,236)
```
#cfd0ec
```
#cfd0ec rgb(207,208,236)
```
#d0cfec
```
#d0cfec rgb(208,207,236)
```

Similar Colors

Text with hexadecimal color #cfd5ec

This text has a font color of #cfd5ec.

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

#cfd5ec background color

This paragraph has a background color of #cfd5ec.

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

#cfd5ec border color

This element has a border color of #cfd5ec.

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

CSS codes

.text {color:#cfd5ec;}

.background {background-color:#cfd5ec;}

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

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

#030408
```
#030408 rgb(3,4,8)
```
#090c16
```
#090c16 rgb(9,12,22)
```
#0e1324
```
#0e1324 rgb(14,19,36)
```
#141a32
```
#141a32 rgb(20,26,50)
```
#1a2240
```
#1a2240 rgb(26,34,64)
```
#1f294e
```
#1f294e rgb(31,41,78)
```
#25305d
```
#25305d rgb(37,48,93)
```
#2a386b
```
#2a386b rgb(42,56,107)
```
#303f79
```
#303f79 rgb(48,63,121)
```
#354687
```
#354687 rgb(53,70,135)
```
#3b4d95
```
#3b4d95 rgb(59,77,149)
```
#4055a3
```
#4055a3 rgb(64,85,163)
```
#465cb1
```
#465cb1 rgb(70,92,177)
```

Shade Color Variation

#5166ba
```
#5166ba rgb(81,102,186)
```
#5f73bf
```
#5f73bf rgb(95,115,191)
```
#6d7fc5
```
#6d7fc5 rgb(109,127,197)
```
#7b8bcb
```
#7b8bcb rgb(123,139,203)
```
#8998d0
```
#8998d0 rgb(137,152,208)
```
#97a4d6
```
#97a4d6 rgb(151,164,214)
```
#a5b0db
```
#a5b0db rgb(165,176,219)
```
#b3bce1
```
#b3bce1 rgb(179,188,225)
```
#c1c9e6
```
#c1c9e6 rgb(193,201,230)
```
#cfd5ec
```
#cfd5ec rgb(207,213,236)
```
#dde1f2
```
#dde1f2 rgb(221,225,242)
```
#ebeef7
```
#ebeef7 rgb(235,238,247)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#dcdddf
```
#dcdddf rgb(220,221,223)
```
#d9dbe2
```
#d9dbe2 rgb(217,219,226)
```
#d7dae4
```
#d7dae4 rgb(215,218,228)
```
#d4d8e7
```
#d4d8e7 rgb(212,216,231)
```
#d2d7e9
```
#d2d7e9 rgb(210,215,233)
```
#cfd5ec
```
#cfd5ec rgb(207,213,236)
```
#ccd3ef
```
#ccd3ef rgb(204,211,239)
```
#cad2f1
```
#cad2f1 rgb(202,210,241)
```
#c7d0f4
```
#c7d0f4 rgb(199,208,244)
```
#c5cff6
```
#c5cff6 rgb(197,207,246)
```
#c2cdf9
```
#c2cdf9 rgb(194,205,249)
```
#c0ccfb
```
#c0ccfb rgb(192,204,251)
```
#bdcafe
```
#bdcafe rgb(189,202,254)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#d5d6da Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4d6ec Protanopia 1% of men
#e0d2ee Deuteranopia 1% of men
#d0d8e7 Tritanopia 0.001% of the population

Trichromacy

#d2d5ec Protanomaly 1% of men, 0.01% of women
#dad3ed Deuteranomaly 6% of men, 0.4% of women
#cfd6e9 Tritanomaly 0.01% of the population

#cfd5ec hex color

#cfd5ec Color Information

#cfd5ec Color Conversion

Color Schemes with #cfd5ec

Alternatives to #cfd5ec

#cfd5ec Preview

Shades and Tints of #cfd5ec

Tones of #cfd5ec

Color Blindness Simulator