#cfdfef hex color

In a RGB color space, hex #cfdfef is composed of 81.2% red, 87.5% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 13.4% cyan, 6.7% magenta, 0% yellow and 6.3% black. It has a hue angle of 210 degrees, a saturation of 50% and a lightness of 87.5%. #cfdfef color hex could be obtained by blending #ffffff with #9fbfdf. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 81
- G 87
- B 94
RGB color chart
- C 13
- M 7
- Y 0
- K 6
CMYK color chart

● #cfdfef color description : Light grayish blue.

The hexadecimal color #cfdfef has RGB values of R:207, G:223, B:239 and CMYK values of C:0.13, M:0.07, Y:0, K:0.06. Its decimal value is 13623279.

Hex triplet	cfdfef	`#cfdfef`
RGB Decimal	207, 223, 239	`rgb(207,223,239)`
RGB Percent	81.2, 87.5, 93.7	`rgb(81.2%,87.5%,93.7%)`
CMYK	13, 7, 0, 6
HSL	210°, 50, 87.5	`hsl(210,50%,87.5%)`
HSV (or HSB)	210°, 13.4, 93.7
Web Safe	ccccff	`#ccccff`

CIE-LAB	88.099, -2.178, -9.623
XYZ	67.697, 72.272, 92.04
xyY	0.292, 0.312, 72.272
CIE-LCH	88.099, 9.867, 257.245
CIE-LUV	88.099, -9.391, -14.668
Hunter-Lab	85.013, -6.631, -4.682
Binary	11001111, 11011111, 11101111

#cfdfef
```
#cfdfef rgb(207,223,239)
```
#efdfcf
```
#efdfcf rgb(239,223,207)
```

Complementary Color

#cfefef
```
#cfefef rgb(207,239,239)
```
#cfdfef
```
#cfdfef rgb(207,223,239)
```
#cfcfef
```
#cfcfef rgb(207,207,239)
```

Analogous Color

#efefcf
```
#efefcf rgb(239,239,207)
```
#cfdfef
```
#cfdfef rgb(207,223,239)
```
#efcfcf
```
#efcfcf rgb(239,207,207)
```

Split Complementary Color

#dfefcf
```
#dfefcf rgb(223,239,207)
```
#cfdfef
```
#cfdfef rgb(207,223,239)
```
#efcfdf
```
#efcfdf rgb(239,207,223)
```

Triadic Color

#cfefdf
```
#cfefdf rgb(207,239,223)
```
#cfdfef
```
#cfdfef rgb(207,223,239)
```
#efcfdf
```
#efcfdf rgb(239,207,223)
```
#efdfcf
```
#efdfcf rgb(239,223,207)
```

Tetradic Color

#96b9dc
```
#96b9dc rgb(150,185,220)
```
#a9c6e2
```
#a9c6e2 rgb(169,198,226)
```
#bcd2e9
```
#bcd2e9 rgb(188,210,233)
```
#cfdfef
```
#cfdfef rgb(207,223,239)
```
#e2ecf5
```
#e2ecf5 rgb(226,236,245)
```
#f5f9fc
```
#f5f9fc rgb(245,249,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cfe7ef
```
#cfe7ef rgb(207,231,239)
```
#cfe4ef
```
#cfe4ef rgb(207,228,239)
```
#cfe2ef
```
#cfe2ef rgb(207,226,239)
```
#cfdfef
```
#cfdfef rgb(207,223,239)
```
#cfdcef
```
#cfdcef rgb(207,220,239)
```
#cfdaef
```
#cfdaef rgb(207,218,239)
```
#cfd7ef
```
#cfd7ef rgb(207,215,239)
```

Similar Colors

Text with hexadecimal color #cfdfef

This text has a font color of #cfdfef.

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

#cfdfef background color

This paragraph has a background color of #cfdfef.

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

#cfdfef border color

This element has a border color of #cfdfef.

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

CSS codes

.text {color:#cfdfef;}

.background {background-color:#cfdfef;}

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

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, #04070b is the darkest color, while #fbfcfe is the lightest one.

#04070b
```
#04070b rgb(4,7,11)
```
#09111a
```
#09111a rgb(9,17,26)
```
#0d1b28
```
#0d1b28 rgb(13,27,40)
```
#122537
```
#122537 rgb(18,37,55)
```
#172e46
```
#172e46 rgb(23,46,70)
```
#1c3854
```
#1c3854 rgb(28,56,84)
```
#214263
```
#214263 rgb(33,66,99)
```
#264c72
```
#264c72 rgb(38,76,114)
```
#2b5681
```
#2b5681 rgb(43,86,129)
```
#30608f
```
#30608f rgb(48,96,143)
```
#35699e
```
#35699e rgb(53,105,158)
```
#3a73ad
```
#3a73ad rgb(58,115,173)
```
#3e7dbb
```
#3e7dbb rgb(62,125,187)
```

Shade Color Variation

#4b87c3
```
#4b87c3 rgb(75,135,195)
```
#5991c8
```
#5991c8 rgb(89,145,200)
```
#689acd
```
#689acd rgb(104,154,205)
```
#77a4d2
```
#77a4d2 rgb(119,164,210)
```
#85aed6
```
#85aed6 rgb(133,174,214)
```
#94b8db
```
#94b8db rgb(148,184,219)
```
#a3c2e0
```
#a3c2e0 rgb(163,194,224)
```
#b2cbe5
```
#b2cbe5 rgb(178,203,229)
```
#c0d5ea
```
#c0d5ea rgb(192,213,234)
```
#cfdfef
```
#cfdfef rgb(207,223,239)
```
#dee9f4
```
#dee9f4 rgb(222,233,244)
```
#ecf3f9
```
#ecf3f9 rgb(236,243,249)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#dedfe0
```
#dedfe0 rgb(222,223,224)
```
#dbdfe3
```
#dbdfe3 rgb(219,223,227)
```
#d9dfe5
```
#d9dfe5 rgb(217,223,229)
```
#d6dfe8
```
#d6dfe8 rgb(214,223,232)
```
#d4dfea
```
#d4dfea rgb(212,223,234)
```
#d1dfed
```
#d1dfed rgb(209,223,237)
```
#cfdfef
```
#cfdfef rgb(207,223,239)
```
#cddff1
```
#cddff1 rgb(205,223,241)
```
#cadff4
```
#cadff4 rgb(202,223,244)
```
#c8dff6
```
#c8dff6 rgb(200,223,246)
```
#c5dff9
```
#c5dff9 rgb(197,223,249)
```
#c3dffb
```
#c3dffb rgb(195,223,251)
```
#c0dffe
```
#c0dffe rgb(192,223,254)
```

Tone Color Variation

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

#dcdcdc Achromatopsia 0.005% of the population
#d9dde0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dddded Protanopia 1% of men
#e9d9f2 Deuteranopia 1% of men
#d1e0f0 Tritanopia 0.001% of the population

Trichromacy

#d8ddee Protanomaly 1% of men, 0.01% of women
#e0dbf1 Deuteranomaly 6% of men, 0.4% of women
#d0dff0 Tritanomaly 0.01% of the population

#cfdfef hex color

#cfdfef Color Information

#cfdfef Color Conversion

Color Schemes with #cfdfef

Alternatives to #cfdfef

#cfdfef Preview

Shades and Tints of #cfdfef

Tones of #cfdfef

Color Blindness Simulator