#cfd8f6 hex color

In a RGB color space, hex #cfd8f6 is composed of 81.2% red, 84.7% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 15.9% cyan, 12.2% magenta, 0% yellow and 3.5% black. It has a hue angle of 226.2 degrees, a saturation of 68.4% and a lightness of 88.8%. #cfd8f6 color hex could be obtained by blending #ffffff with #9fb1ed. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 81
- G 85
- B 96
RGB color chart
- C 16
- M 12
- Y 0
- K 4
CMYK color chart

● #cfd8f6 color description : Light grayish blue.

The hexadecimal color #cfd8f6 has RGB values of R:207, G:216, B:246 and CMYK values of C:0.16, M:0.12, Y:0, K:0.04. Its decimal value is 13621494.

Hex triplet	cfd8f6	`#cfd8f6`
RGB Decimal	207, 216, 246	`rgb(207,216,246)`
RGB Percent	81.2, 84.7, 96.5	`rgb(81.2%,84.7%,96.5%)`
CMYK	16, 12, 0, 4
HSL	226.2°, 68.4, 88.8	`hsl(226.2,68.4%,88.8%)`
HSV (or HSB)	226.2°, 15.9, 96.5
Web Safe	ccccff	`#ccccff`

CIE-LAB	86.519, 2.917, -15.674
XYZ	66.919, 69.03, 96.982
xyY	0.287, 0.296, 69.03
CIE-LCH	86.519, 15.943, 280.544
CIE-LUV	86.519, -6.439, -25.243
Hunter-Lab	83.084, -1.627, -11.049
Binary	11001111, 11011000, 11110110

#cfd8f6
```
#cfd8f6 rgb(207,216,246)
```
#f6edcf
```
#f6edcf rgb(246,237,207)
```

Complementary Color

#cfecf6
```
#cfecf6 rgb(207,236,246)
```
#cfd8f6
```
#cfd8f6 rgb(207,216,246)
```
#dacff6
```
#dacff6 rgb(218,207,246)
```

Analogous Color

#ecf6cf
```
#ecf6cf rgb(236,246,207)
```
#cfd8f6
```
#cfd8f6 rgb(207,216,246)
```
#f6dacf
```
#f6dacf rgb(246,218,207)
```

Split Complementary Color

#d8f6cf
```
#d8f6cf rgb(216,246,207)
```
#cfd8f6
```
#cfd8f6 rgb(207,216,246)
```
#f6cfd8
```
#f6cfd8 rgb(246,207,216)
```

Triadic Color

#cff6ed
```
#cff6ed rgb(207,246,237)
```
#cfd8f6
```
#cfd8f6 rgb(207,216,246)
```
#f6cfd8
```
#f6cfd8 rgb(246,207,216)
```
#f6edcf
```
#f6edcf rgb(246,237,207)
```

Tetradic Color

#8fa4ea
```
#8fa4ea rgb(143,164,234)
```
#a4b5ee
```
#a4b5ee rgb(164,181,238)
```
#bac7f2
```
#bac7f2 rgb(186,199,242)
```
#cfd8f6
```
#cfd8f6 rgb(207,216,246)
```
#e4e9fa
```
#e4e9fa rgb(228,233,250)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cfe2f6
```
#cfe2f6 rgb(207,226,246)
```
#cfdff6
```
#cfdff6 rgb(207,223,246)
```
#cfdbf6
```
#cfdbf6 rgb(207,219,246)
```
#cfd8f6
```
#cfd8f6 rgb(207,216,246)
```
#cfd5f6
```
#cfd5f6 rgb(207,213,246)
```
#cfd2f6
```
#cfd2f6 rgb(207,210,246)
```
#d0cff6
```
#d0cff6 rgb(208,207,246)
```

Similar Colors

Text with hexadecimal color #cfd8f6

This text has a font color of #cfd8f6.

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

#cfd8f6 background color

This paragraph has a background color of #cfd8f6.

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

#cfd8f6 border color

This element has a border color of #cfd8f6.

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

CSS codes

.text {color:#cfd8f6;}

.background {background-color:#cfd8f6;}

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

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

#000102
```
#000102 rgb(0,1,2)
```
#030712
```
#030712 rgb(3,7,18)
```
#060d23
```
#060d23 rgb(6,13,35)
```
#0a1333
```
#0a1333 rgb(10,19,51)
```
#0d1944
```
#0d1944 rgb(13,25,68)
```
#102054
```
#102054 rgb(16,32,84)
```
#132665
```
#132665 rgb(19,38,101)
```
#162c75
```
#162c75 rgb(22,44,117)
```
#193286
```
#193286 rgb(25,50,134)
```
#1c3896
```
#1c3896 rgb(28,56,150)
```
#1f3fa7
```
#1f3fa7 rgb(31,63,167)
```
#2245b7
```
#2245b7 rgb(34,69,183)
```
#254bc8
```
#254bc8 rgb(37,75,200)
```

Shade Color Variation

#2a52d7
```
#2a52d7 rgb(42,82,215)
```
#3a5fda
```
#3a5fda rgb(58,95,218)
```
#4b6ddd
```
#4b6ddd rgb(75,109,221)
```
#5b7ae0
```
#5b7ae0 rgb(91,122,224)
```
#6c87e3
```
#6c87e3 rgb(108,135,227)
```
#7c95e7
```
#7c95e7 rgb(124,149,231)
```
#8da2ea
```
#8da2ea rgb(141,162,234)
```
#9db0ed
```
#9db0ed rgb(157,176,237)
```
#aebdf0
```
#aebdf0 rgb(174,189,240)
```
#becbf3
```
#becbf3 rgb(190,203,243)
```
#cfd8f6
```
#cfd8f6 rgb(207,216,246)
```
#e0e5f9
```
#e0e5f9 rgb(224,229,249)
```
#f0f3fc
```
#f0f3fc rgb(240,243,252)
```

Tint Color Variation

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

#e1e1e4
```
#e1e1e4 rgb(225,225,228)
```
#dee0e7
```
#dee0e7 rgb(222,224,231)
```
#dcdfe9
```
#dcdfe9 rgb(220,223,233)
```
#dadeeb
```
#dadeeb rgb(218,222,235)
```
#d8dded
```
#d8dded rgb(216,221,237)
```
#d6dcef
```
#d6dcef rgb(214,220,239)
```
#d3daf2
```
#d3daf2 rgb(211,218,242)
```
#d1d9f4
```
#d1d9f4 rgb(209,217,244)
```
#cfd8f6
```
#cfd8f6 rgb(207,216,246)
```
#cdd7f8
```
#cdd7f8 rgb(205,215,248)
```
#cbd6fa
```
#cbd6fa rgb(203,214,250)
```
#c8d4fd
```
#c8d4fd rgb(200,212,253)
```
#c6d3ff
```
#c6d3ff rgb(198,211,255)
```

Tone Color Variation

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

#d9d9d9 Achromatopsia 0.005% of the population
#d7d9df Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5d8f5 Protanopia 1% of men
#e0d5f7 Deuteranopia 1% of men
#cfdbeb Tritanopia 0.001% of the population

Trichromacy

#d3d8f5 Protanomaly 1% of men, 0.01% of women
#d9d6f7 Deuteranomaly 6% of men, 0.4% of women
#cfdaef Tritanomaly 0.01% of the population

#cfd8f6 hex color

#cfd8f6 Color Information

#cfd8f6 Color Conversion

Color Schemes with #cfd8f6

Alternatives to #cfd8f6

#cfd8f6 Preview

Shades and Tints of #cfd8f6

Tones of #cfd8f6

Color Blindness Simulator