#cfd5fe hex color

In a RGB color space, hex #cfd5fe is composed of 81.2% red, 83.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 18.5% cyan, 16.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 232.3 degrees, a saturation of 95.9% and a lightness of 90.4%. #cfd5fe color hex could be obtained by blending #ffffff with #9fabfd. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 81
- G 84
- B 100
RGB color chart
- C 19
- M 16
- Y 0
- K 0
CMYK color chart

● #cfd5fe color description : Light grayish blue.

The hexadecimal color #cfd5fe has RGB values of R:207, G:213, B:254 and CMYK values of C:0.19, M:0.16, Y:0, K:0. Its decimal value is 13620734.

Hex triplet	cfd5fe	`#cfd5fe`
RGB Decimal	207, 213, 254	`rgb(207,213,254)`
RGB Percent	81.2, 83.5, 99.6	`rgb(81.2%,83.5%,99.6%)`
CMYK	19, 16, 0, 0
HSL	232.3°, 95.9, 90.4	`hsl(232.3,95.9%,90.4%)`
HSV (or HSB)	232.3°, 18.5, 99.6
Web Safe	ccccff	`#ccccff`

CIE-LAB	86.011, 6.197, -20.663
XYZ	67.412, 68.009, 103.336
xyY	0.282, 0.285, 68.009
CIE-LCH	86.011, 21.573, 286.695
CIE-LUV	86.011, -5.475, -33.959
Hunter-Lab	82.468, 1.595, -16.566
Binary	11001111, 11010101, 11111110

#cfd5fe
```
#cfd5fe rgb(207,213,254)
```
#fef8cf
```
#fef8cf rgb(254,248,207)
```

Complementary Color

#cfedfe
```
#cfedfe rgb(207,237,254)
```
#cfd5fe
```
#cfd5fe rgb(207,213,254)
```
#e1cffe
```
#e1cffe rgb(225,207,254)
```

Analogous Color

#edfecf
```
#edfecf rgb(237,254,207)
```
#cfd5fe
```
#cfd5fe rgb(207,213,254)
```
#fee1cf
```
#fee1cf rgb(254,225,207)
```

Split Complementary Color

#d5fecf
```
#d5fecf rgb(213,254,207)
```
#cfd5fe
```
#cfd5fe rgb(207,213,254)
```
#fecfd5
```
#fecfd5 rgb(254,207,213)
```

Triadic Color

#cffef8
```
#cffef8 rgb(207,254,248)
```
#cfd5fe
```
#cfd5fe rgb(207,213,254)
```
#fecfd5
```
#fecfd5 rgb(254,207,213)
```
#fef8cf
```
#fef8cf rgb(254,248,207)
```

Tetradic Color

#8493fc
```
#8493fc rgb(132,147,252)
```
#9da9fd
```
#9da9fd rgb(157,169,253)
```
#b6bffd
```
#b6bffd rgb(182,191,253)
```
#cfd5fe
```
#cfd5fe rgb(207,213,254)
```
#e8ebff
```
#e8ebff rgb(232,235,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cfe1fe
```
#cfe1fe rgb(207,225,254)
```
#cfddfe
```
#cfddfe rgb(207,221,254)
```
#cfd9fe
```
#cfd9fe rgb(207,217,254)
```
#cfd5fe
```
#cfd5fe rgb(207,213,254)
```
#cfd1fe
```
#cfd1fe rgb(207,209,254)
```
#d1cffe
```
#d1cffe rgb(209,207,254)
```
#d5cffe
```
#d5cffe rgb(213,207,254)
```

Similar Colors

Text with hexadecimal color #cfd5fe

This text has a font color of #cfd5fe.

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

#cfd5fe background color

This paragraph has a background color of #cfd5fe.

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

#cfd5fe border color

This element has a border color of #cfd5fe.

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

CSS codes

.text {color:#cfd5fe;}

.background {background-color:#cfd5fe;}

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

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, #00010a is the darkest color, while #f5f7ff is the lightest one.

#00010a
```
#00010a rgb(0,1,10)
```
#01041d
```
#01041d rgb(1,4,29)
```
#010730
```
#010730 rgb(1,7,48)
```
#010a43
```
#010a43 rgb(1,10,67)
```
#020d57
```
#020d57 rgb(2,13,87)
```
#020f6a
```
#020f6a rgb(2,15,106)
```
#03127d
```
#03127d rgb(3,18,125)
```
#031590
```
#031590 rgb(3,21,144)
```
#0318a3
```
#0318a3 rgb(3,24,163)
```
#041bb7
```
#041bb7 rgb(4,27,183)
```
#041dca
```
#041dca rgb(4,29,202)
```
#0520dd
```
#0520dd rgb(5,32,221)
```
#0523f0
```
#0523f0 rgb(5,35,240)
```

Shade Color Variation

#0f2dfa
```
#0f2dfa rgb(15,45,250)
```
#223efa
```
#223efa rgb(34,62,250)
```
#354efb
```
#354efb rgb(53,78,251)
```
#485ffb
```
#485ffb rgb(72,95,251)
```
#5c70fc
```
#5c70fc rgb(92,112,252)
```
#6f81fc
```
#6f81fc rgb(111,129,252)
```
#8292fc
```
#8292fc rgb(130,146,252)
```
#95a3fd
```
#95a3fd rgb(149,163,253)
```
#a9b3fd
```
#a9b3fd rgb(169,179,253)
```
#bcc4fe
```
#bcc4fe rgb(188,196,254)
```
#cfd5fe
```
#cfd5fe rgb(207,213,254)
```
#e2e6fe
```
#e2e6fe rgb(226,230,254)
```
#f5f7ff
```
#f5f7ff rgb(245,247,255)
```

Tint Color Variation

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

#e6e6e7
```
#e6e6e7 rgb(230,230,231)
```
#e4e4e9
```
#e4e4e9 rgb(228,228,233)
```
#e2e3eb
```
#e2e3eb rgb(226,227,235)
```
#e0e2ed
```
#e0e2ed rgb(224,226,237)
```
#dee0ef
```
#dee0ef rgb(222,224,239)
```
#dcdff1
```
#dcdff1 rgb(220,223,241)
```
#daddf3
```
#daddf3 rgb(218,221,243)
```
#d8dcf5
```
#d8dcf5 rgb(216,220,245)
```
#d7dbf6
```
#d7dbf6 rgb(215,219,246)
```
#d5d9f8
```
#d5d9f8 rgb(213,217,248)
```
#d3d8fa
```
#d3d8fa rgb(211,216,250)
```
#d1d6fc
```
#d1d6fc rgb(209,214,252)
```
#cfd5fe
```
#cfd5fe rgb(207,213,254)
```

Tone Color Variation

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

#d8d8d8 Achromatopsia 0.005% of the population
#d6d7e0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0d7fe Protanopia 1% of men
#d9d4fe Deuteranopia 1% of men
#cddaea Tritanopia 0.001% of the population

Trichromacy

#d0d6fe Protanomaly 1% of men, 0.01% of women
#d5d4fe Deuteranomaly 6% of men, 0.4% of women
#cdd8f1 Tritanomaly 0.01% of the population

#cfd5fe hex color

#cfd5fe Color Information

#cfd5fe Color Conversion

Color Schemes with #cfd5fe

Alternatives to #cfd5fe

#cfd5fe Preview

Shades and Tints of #cfd5fe

Tones of #cfd5fe

Color Blindness Simulator