#cfd4fe hex color

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

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

● #cfd4fe color description : Light grayish blue.

The hexadecimal color #cfd4fe has RGB values of R:207, G:212, B:254 and CMYK values of C:0.19, M:0.17, Y:0, K:0. Its decimal value is 13620478.

Hex triplet	cfd4fe	`#cfd4fe`
RGB Decimal	207, 212, 254	`rgb(207,212,254)`
RGB Percent	81.2, 83.1, 99.6	`rgb(81.2%,83.1%,99.6%)`
CMYK	19, 17, 0, 0
HSL	233.6°, 95.9, 90.4	`hsl(233.6,95.9%,90.4%)`
HSV (or HSB)	233.6°, 18.5, 99.6
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.76, 6.727, -21.044
XYZ	67.162, 67.507, 103.252
xyY	0.282, 0.284, 67.507
CIE-LCH	85.76, 22.093, 287.728
CIE-LUV	85.76, -5.021, -34.661
Hunter-Lab	82.163, 2.124, -16.994
Binary	11001111, 11010100, 11111110

#cfd4fe
```
#cfd4fe rgb(207,212,254)
```
#fef9cf
```
#fef9cf rgb(254,249,207)
```

Complementary Color

#cfecfe
```
#cfecfe rgb(207,236,254)
```
#cfd4fe
```
#cfd4fe rgb(207,212,254)
```
#e2cffe
```
#e2cffe rgb(226,207,254)
```

Analogous Color

#ecfecf
```
#ecfecf rgb(236,254,207)
```
#cfd4fe
```
#cfd4fe rgb(207,212,254)
```
#fee2cf
```
#fee2cf rgb(254,226,207)
```

Split Complementary Color

#d4fecf
```
#d4fecf rgb(212,254,207)
```
#cfd4fe
```
#cfd4fe rgb(207,212,254)
```
#fecfd4
```
#fecfd4 rgb(254,207,212)
```

Triadic Color

#cffef9
```
#cffef9 rgb(207,254,249)
```
#cfd4fe
```
#cfd4fe rgb(207,212,254)
```
#fecfd4
```
#fecfd4 rgb(254,207,212)
```
#fef9cf
```
#fef9cf rgb(254,249,207)
```

Tetradic Color

#8491fc
```
#8491fc rgb(132,145,252)
```
#9da7fd
```
#9da7fd rgb(157,167,253)
```
#b6befd
```
#b6befd rgb(182,190,253)
```
#cfd4fe
```
#cfd4fe rgb(207,212,254)
```
#e8eaff
```
#e8eaff rgb(232,234,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cfe0fe
```
#cfe0fe rgb(207,224,254)
```
#cfdcfe
```
#cfdcfe rgb(207,220,254)
```
#cfd8fe
```
#cfd8fe rgb(207,216,254)
```
#cfd4fe
```
#cfd4fe rgb(207,212,254)
```
#cfd0fe
```
#cfd0fe rgb(207,208,254)
```
#d2cffe
```
#d2cffe rgb(210,207,254)
```
#d6cffe
```
#d6cffe rgb(214,207,254)
```

Similar Colors

Text with hexadecimal color #cfd4fe

This text has a font color of #cfd4fe.

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

#cfd4fe background color

This paragraph has a background color of #cfd4fe.

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

#cfd4fe border color

This element has a border color of #cfd4fe.

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

CSS codes

.text {color:#cfd4fe;}

.background {background-color:#cfd4fe;}

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

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 #f5f6ff is the lightest one.

#00010a
```
#00010a rgb(0,1,10)
```
#01041d
```
#01041d rgb(1,4,29)
```
#010630
```
#010630 rgb(1,6,48)
```
#010843
```
#010843 rgb(1,8,67)
```
#020b57
```
#020b57 rgb(2,11,87)
```
#020d6a
```
#020d6a rgb(2,13,106)
```
#03107d
```
#03107d rgb(3,16,125)
```
#031290
```
#031290 rgb(3,18,144)
```
#0314a3
```
#0314a3 rgb(3,20,163)
```
#0417b7
```
#0417b7 rgb(4,23,183)
```
#0419ca
```
#0419ca rgb(4,25,202)
```
#051cdd
```
#051cdd rgb(5,28,221)
```
#051ef0
```
#051ef0 rgb(5,30,240)
```

Shade Color Variation

#0f28fa
```
#0f28fa rgb(15,40,250)
```
#2239fa
```
#2239fa rgb(34,57,250)
```
#354afb
```
#354afb rgb(53,74,251)
```
#485cfb
```
#485cfb rgb(72,92,251)
```
#5c6dfc
```
#5c6dfc rgb(92,109,252)
```
#6f7efc
```
#6f7efc rgb(111,126,252)
```
#828ffc
```
#828ffc rgb(130,143,252)
```
#95a0fd
```
#95a0fd rgb(149,160,253)
```
#a9b2fd
```
#a9b2fd rgb(169,178,253)
```
#bcc3fe
```
#bcc3fe rgb(188,195,254)
```
#cfd4fe
```
#cfd4fe rgb(207,212,254)
```
#e2e5fe
```
#e2e5fe rgb(226,229,254)
```
#f5f6ff
```
#f5f6ff rgb(245,246,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 #cfd4fe is the most saturated one.

#e6e6e7
```
#e6e6e7 rgb(230,230,231)
```
#e4e4e9
```
#e4e4e9 rgb(228,228,233)
```
#e2e3eb
```
#e2e3eb rgb(226,227,235)
```
#e0e1ed
```
#e0e1ed rgb(224,225,237)
```
#dee0ef
```
#dee0ef rgb(222,224,239)
```
#dcdef1
```
#dcdef1 rgb(220,222,241)
```
#daddf3
```
#daddf3 rgb(218,221,243)
```
#d8dbf5
```
#d8dbf5 rgb(216,219,245)
```
#d7daf6
```
#d7daf6 rgb(215,218,246)
```
#d5d8f8
```
#d5d8f8 rgb(213,216,248)
```
#d3d7fa
```
#d3d7fa rgb(211,215,250)
```
#d1d5fc
```
#d1d5fc rgb(209,213,252)
```
#cfd4fe
```
#cfd4fe rgb(207,212,254)
```

Tone Color Variation

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

#d7d7d7 Achromatopsia 0.005% of the population
#d5d6df Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfd6fe Protanopia 1% of men
#d8d3fe Deuteranopia 1% of men
#ccd9e9 Tritanopia 0.001% of the population

Trichromacy

#cfd5fe Protanomaly 1% of men, 0.01% of women
#d5d3fe Deuteranomaly 6% of men, 0.4% of women
#cdd7f1 Tritanomaly 0.01% of the population

#cfd4fe hex color

#cfd4fe Color Information

#cfd4fe Color Conversion

Color Schemes with #cfd4fe

Alternatives to #cfd4fe

#cfd4fe Preview

Shades and Tints of #cfd4fe

Tones of #cfd4fe

Color Blindness Simulator