#cfd7ec hex color

In a RGB color space, hex #cfd7ec is composed of 81.2% red, 84.3% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 12.3% cyan, 8.9% magenta, 0% yellow and 7.5% black. It has a hue angle of 223.4 degrees, a saturation of 43.3% and a lightness of 86.9%. #cfd7ec color hex could be obtained by blending #ffffff with #9fafd9. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 81
- G 84
- B 93
RGB color chart
- C 12
- M 9
- Y 0
- K 7
CMYK color chart

● #cfd7ec color description : Light grayish blue.

The hexadecimal color #cfd7ec has RGB values of R:207, G:215, B:236 and CMYK values of C:0.12, M:0.09, Y:0, K:0.07. Its decimal value is 13621228.

Hex triplet	cfd7ec	`#cfd7ec`
RGB Decimal	207, 215, 236	`rgb(207,215,236)`
RGB Percent	81.2, 84.3, 92.5	`rgb(81.2%,84.3%,92.5%)`
CMYK	12, 9, 0, 7
HSL	223.4°, 43.3, 86.9	`hsl(223.4,43.3%,86.9%)`
HSV (or HSB)	223.4°, 12.3, 92.5
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.967, 1.385, -11.214
XYZ	65.17, 67.922, 89.029
xyY	0.293, 0.306, 67.922
CIE-LCH	85.967, 11.299, 277.041
CIE-LUV	85.967, -5.475, -17.756
Hunter-Lab	82.415, -3.076, -6.358
Binary	11001111, 11010111, 11101100

#cfd7ec
```
#cfd7ec rgb(207,215,236)
```
#ece4cf
```
#ece4cf rgb(236,228,207)
```

Complementary Color

#cfe6ec
```
#cfe6ec rgb(207,230,236)
```
#cfd7ec
```
#cfd7ec rgb(207,215,236)
```
#d6cfec
```
#d6cfec rgb(214,207,236)
```

Analogous Color

#e6eccf
```
#e6eccf rgb(230,236,207)
```
#cfd7ec
```
#cfd7ec rgb(207,215,236)
```
#ecd6cf
```
#ecd6cf rgb(236,214,207)
```

Split Complementary Color

#d7eccf
```
#d7eccf rgb(215,236,207)
```
#cfd7ec
```
#cfd7ec rgb(207,215,236)
```
#eccfd7
```
#eccfd7 rgb(236,207,215)
```

Triadic Color

#cfece4
```
#cfece4 rgb(207,236,228)
```
#cfd7ec
```
#cfd7ec rgb(207,215,236)
```
#eccfd7
```
#eccfd7 rgb(236,207,215)
```
#ece4cf
```
#ece4cf rgb(236,228,207)
```

Tetradic Color

#98a9d6
```
#98a9d6 rgb(152,169,214)
```
#aab9de
```
#aab9de rgb(170,185,222)
```
#bdc8e5
```
#bdc8e5 rgb(189,200,229)
```
#cfd7ec
```
#cfd7ec rgb(207,215,236)
```
#e1e6f3
```
#e1e6f3 rgb(225,230,243)
```
#f4f5fa
```
#f4f5fa rgb(244,245,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cfdeec
```
#cfdeec rgb(207,222,236)
```
#cfdcec
```
#cfdcec rgb(207,220,236)
```
#cfd9ec
```
#cfd9ec rgb(207,217,236)
```
#cfd7ec
```
#cfd7ec rgb(207,215,236)
```
#cfd5ec
```
#cfd5ec rgb(207,213,236)
```
#cfd2ec
```
#cfd2ec rgb(207,210,236)
```
#cfd0ec
```
#cfd0ec rgb(207,208,236)
```

Similar Colors

Text with hexadecimal color #cfd7ec

This text has a font color of #cfd7ec.

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

#cfd7ec background color

This paragraph has a background color of #cfd7ec.

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

#cfd7ec border color

This element has a border color of #cfd7ec.

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

CSS codes

.text {color:#cfd7ec;}

.background {background-color:#cfd7ec;}

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

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

#030508
```
#030508 rgb(3,5,8)
```
#090d16
```
#090d16 rgb(9,13,22)
```
#0e1424
```
#0e1424 rgb(14,20,36)
```
#141c32
```
#141c32 rgb(20,28,50)
```
#1a2440
```
#1a2440 rgb(26,36,64)
```
#1f2c4e
```
#1f2c4e rgb(31,44,78)
```
#25345d
```
#25345d rgb(37,52,93)
```
#2a3c6b
```
#2a3c6b rgb(42,60,107)
```
#304479
```
#304479 rgb(48,68,121)
```
#354c87
```
#354c87 rgb(53,76,135)
```
#3b5495
```
#3b5495 rgb(59,84,149)
```
#405ca3
```
#405ca3 rgb(64,92,163)
```
#4663b1
```
#4663b1 rgb(70,99,177)
```

Shade Color Variation

#516eba
```
#516eba rgb(81,110,186)
```
#5f79bf
```
#5f79bf rgb(95,121,191)
```
#6d85c5
```
#6d85c5 rgb(109,133,197)
```
#7b91cb
```
#7b91cb rgb(123,145,203)
```
#899cd0
```
#899cd0 rgb(137,156,208)
```
#97a8d6
```
#97a8d6 rgb(151,168,214)
```
#a5b4db
```
#a5b4db rgb(165,180,219)
```
#b3c0e1
```
#b3c0e1 rgb(179,192,225)
```
#c1cbe6
```
#c1cbe6 rgb(193,203,230)
```
#cfd7ec
```
#cfd7ec rgb(207,215,236)
```
#dde3f2
```
#dde3f2 rgb(221,227,242)
```
#ebeef7
```
#ebeef7 rgb(235,238,247)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#dcdddf
```
#dcdddf rgb(220,221,223)
```
#d9dce2
```
#d9dce2 rgb(217,220,226)
```
#d7dae4
```
#d7dae4 rgb(215,218,228)
```
#d4d9e7
```
#d4d9e7 rgb(212,217,231)
```
#d2d8e9
```
#d2d8e9 rgb(210,216,233)
```
#cfd7ec
```
#cfd7ec rgb(207,215,236)
```
#ccd6ef
```
#ccd6ef rgb(204,214,239)
```
#cad5f1
```
#cad5f1 rgb(202,213,241)
```
#c7d4f4
```
#c7d4f4 rgb(199,212,244)
```
#c5d2f6
```
#c5d2f6 rgb(197,210,246)
```
#c2d1f9
```
#c2d1f9 rgb(194,209,249)
```
#c0d0fb
```
#c0d0fb rgb(192,208,251)
```
#bdcffe
```
#bdcffe rgb(189,207,254)
```

Tone Color Variation

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

Dichromacy

#d6d7ec Protanopia 1% of men
#e2d3ee Deuteranopia 1% of men
#d0d9e9 Tritanopia 0.001% of the population

Trichromacy

#d3d7ec Protanomaly 1% of men, 0.01% of women
#dbd4ed Deuteranomaly 6% of men, 0.4% of women
#d0d8ea Tritanomaly 0.01% of the population

#cfd7ec hex color

#cfd7ec Color Information

#cfd7ec Color Conversion

Color Schemes with #cfd7ec

Alternatives to #cfd7ec

#cfd7ec Preview

Shades and Tints of #cfd7ec

Tones of #cfd7ec

Color Blindness Simulator