#cfd3fc hex color

In a RGB color space, hex #cfd3fc is composed of 81.2% red, 82.7% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 17.9% cyan, 16.3% magenta, 0% yellow and 1.2% black. It has a hue angle of 234.7 degrees, a saturation of 88.2% and a lightness of 90%. #cfd3fc color hex could be obtained by blending #ffffff with #9fa7f9. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 81
- G 83
- B 99
RGB color chart
- C 18
- M 16
- Y 0
- K 1
CMYK color chart

● #cfd3fc color description : Light grayish blue.

The hexadecimal color #cfd3fc has RGB values of R:207, G:211, B:252 and CMYK values of C:0.18, M:0.16, Y:0, K:0.01. Its decimal value is 13620220.

Hex triplet	cfd3fc	`#cfd3fc`
RGB Decimal	207, 211, 252	`rgb(207,211,252)`
RGB Percent	81.2, 82.7, 98.8	`rgb(81.2%,82.7%,98.8%)`
CMYK	18, 16, 0, 1
HSL	234.7°, 88.2, 90	`hsl(234.7,88.2%,90%)`
HSV (or HSB)	234.7°, 17.9, 98.8
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.444, 6.828, -20.464
XYZ	66.594, 66.882, 101.491
xyY	0.283, 0.285, 66.882
CIE-LCH	85.444, 21.573, 288.452
CIE-LUV	85.444, -4.457, -33.701
Hunter-Lab	81.781, 2.234, -16.333
Binary	11001111, 11010011, 11111100

#cfd3fc
```
#cfd3fc rgb(207,211,252)
```
#fcf8cf
```
#fcf8cf rgb(252,248,207)
```

Complementary Color

#cfeafc
```
#cfeafc rgb(207,234,252)
```
#cfd3fc
```
#cfd3fc rgb(207,211,252)
```
#e2cffc
```
#e2cffc rgb(226,207,252)
```

Analogous Color

#eafccf
```
#eafccf rgb(234,252,207)
```
#cfd3fc
```
#cfd3fc rgb(207,211,252)
```
#fce2cf
```
#fce2cf rgb(252,226,207)
```

Split Complementary Color

#d3fccf
```
#d3fccf rgb(211,252,207)
```
#cfd3fc
```
#cfd3fc rgb(207,211,252)
```
#fccfd3
```
#fccfd3 rgb(252,207,211)
```

Triadic Color

#cffcf8
```
#cffcf8 rgb(207,252,248)
```
#cfd3fc
```
#cfd3fc rgb(207,211,252)
```
#fccfd3
```
#fccfd3 rgb(252,207,211)
```
#fcf8cf
```
#fcf8cf rgb(252,248,207)
```

Tetradic Color

#8791f8
```
#8791f8 rgb(135,145,248)
```
#9fa7f9
```
#9fa7f9 rgb(159,167,249)
```
#b7bdfb
```
#b7bdfb rgb(183,189,251)
```
#cfd3fc
```
#cfd3fc rgb(207,211,252)
```
#e7e9fe
```
#e7e9fe rgb(231,233,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cfdefc
```
#cfdefc rgb(207,222,252)
```
#cfdbfc
```
#cfdbfc rgb(207,219,252)
```
#cfd7fc
```
#cfd7fc rgb(207,215,252)
```
#cfd3fc
```
#cfd3fc rgb(207,211,252)
```
#cfcffc
```
#cfcffc rgb(207,207,252)
```
#d3cffc
```
#d3cffc rgb(211,207,252)
```
#d6cffc
```
#d6cffc rgb(214,207,252)
```

Similar Colors

Text with hexadecimal color #cfd3fc

This text has a font color of #cfd3fc.

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

#cfd3fc background color

This paragraph has a background color of #cfd3fc.

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

#cfd3fc border color

This element has a border color of #cfd3fc.

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

CSS codes

.text {color:#cfd3fc;}

.background {background-color:#cfd3fc;}

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

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

#000107
```
#000107 rgb(0,1,7)
```
#02041a
```
#02041a rgb(2,4,26)
```
#03062c
```
#03062c rgb(3,6,44)
```
#04093f
```
#04093f rgb(4,9,63)
```
#050c51
```
#050c51 rgb(5,12,81)
```
#060f64
```
#060f64 rgb(6,15,100)
```
#071176
```
#071176 rgb(7,17,118)
```
#091489
```
#091489 rgb(9,20,137)
```
#0a179b
```
#0a179b rgb(10,23,155)
```
#0b19ae
```
#0b19ae rgb(11,25,174)
```
#0c1cc0
```
#0c1cc0 rgb(12,28,192)
```
#0d1fd2
```
#0d1fd2 rgb(13,31,210)
```
#0e21e5
```
#0e21e5 rgb(14,33,229)
```

Shade Color Variation

#162af0
```
#162af0 rgb(22,42,240)
```
#293bf2
```
#293bf2 rgb(41,59,242)
```
#3b4cf3
```
#3b4cf3 rgb(59,76,243)
```
#4e5df4
```
#4e5df4 rgb(78,93,244)
```
#606df5
```
#606df5 rgb(96,109,245)
```
#737ef6
```
#737ef6 rgb(115,126,246)
```
#858ff7
```
#858ff7 rgb(133,143,247)
```
#98a0f9
```
#98a0f9 rgb(152,160,249)
```
#aab1fa
```
#aab1fa rgb(170,177,250)
```
#bdc2fb
```
#bdc2fb rgb(189,194,251)
```
#cfd3fc
```
#cfd3fc rgb(207,211,252)
```
#e1e4fd
```
#e1e4fd rgb(225,228,253)
```
#f4f5fe
```
#f4f5fe rgb(244,245,254)
```

Tint Color Variation

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

#e5e5e6
```
#e5e5e6 rgb(229,229,230)
```
#e3e3e8
```
#e3e3e8 rgb(227,227,232)
```
#e1e2ea
```
#e1e2ea rgb(225,226,234)
```
#dfe0ec
```
#dfe0ec rgb(223,224,236)
```
#dddeee
```
#dddeee rgb(221,222,238)
```
#dbddf0
```
#dbddf0 rgb(219,221,240)
```
#d9dbf2
```
#d9dbf2 rgb(217,219,242)
```
#d7d9f4
```
#d7d9f4 rgb(215,217,244)
```
#d5d8f6
```
#d5d8f6 rgb(213,216,246)
```
#d3d6f8
```
#d3d6f8 rgb(211,214,248)
```
#d1d5fa
```
#d1d5fa rgb(209,213,250)
```
#cfd3fc
```
#cfd3fc rgb(207,211,252)
```
#cdd1fe
```
#cdd1fe rgb(205,209,254)
```

Tone Color Variation

Below, you can see how #cfd3fc 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
#d5d5de Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfd5fc Protanopia 1% of men
#d8d3fc Deuteranopia 1% of men
#cdd8e8 Tritanopia 0.001% of the population

Trichromacy

#cfd4fc Protanomaly 1% of men, 0.01% of women
#d5d3fc Deuteranomaly 6% of men, 0.4% of women
#cdd6ef Tritanomaly 0.01% of the population

#cfd3fc hex color

#cfd3fc Color Information

#cfd3fc Color Conversion

Color Schemes with #cfd3fc

Alternatives to #cfd3fc

#cfd3fc Preview

Shades and Tints of #cfd3fc

Tones of #cfd3fc

Color Blindness Simulator