#cfd1f4 hex color

In a RGB color space, hex #cfd1f4 is composed of 81.2% red, 82% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 15.2% cyan, 14.3% magenta, 0% yellow and 4.3% black. It has a hue angle of 236.8 degrees, a saturation of 62.7% and a lightness of 88.4%. #cfd1f4 color hex could be obtained by blending #ffffff with #9fa3e9. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 81
- G 82
- B 96
RGB color chart
- C 15
- M 14
- Y 0
- K 4
CMYK color chart

● #cfd1f4 color description : Light grayish blue.

The hexadecimal color #cfd1f4 has RGB values of R:207, G:209, B:244 and CMYK values of C:0.15, M:0.14, Y:0, K:0.04. Its decimal value is 13619700.

Hex triplet	cfd1f4	`#cfd1f4`
RGB Decimal	207, 209, 244	`rgb(207,209,244)`
RGB Percent	81.2, 82, 95.7	`rgb(81.2%,82%,95.7%)`
CMYK	15, 14, 0, 4
HSL	236.8°, 62.7, 88.4	`hsl(236.8,62.7%,88.4%)`
HSV (or HSB)	236.8°, 15.2, 95.7
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.688, 6.196, -17.369
XYZ	64.859, 65.397, 94.789
xyY	0.288, 0.291, 65.397
CIE-LCH	84.688, 18.441, 289.632
CIE-LUV	84.688, -3.087, -28.47
Hunter-Lab	80.869, 1.641, -12.888
Binary	11001111, 11010001, 11110100

#cfd1f4
```
#cfd1f4 rgb(207,209,244)
```
#f4f2cf
```
#f4f2cf rgb(244,242,207)
```

Complementary Color

#cfe4f4
```
#cfe4f4 rgb(207,228,244)
```
#cfd1f4
```
#cfd1f4 rgb(207,209,244)
```
#e0cff4
```
#e0cff4 rgb(224,207,244)
```

Analogous Color

#e4f4cf
```
#e4f4cf rgb(228,244,207)
```
#cfd1f4
```
#cfd1f4 rgb(207,209,244)
```
#f4e0cf
```
#f4e0cf rgb(244,224,207)
```

Split Complementary Color

#d1f4cf
```
#d1f4cf rgb(209,244,207)
```
#cfd1f4
```
#cfd1f4 rgb(207,209,244)
```
#f4cfd1
```
#f4cfd1 rgb(244,207,209)
```

Triadic Color

#cff4f2
```
#cff4f2 rgb(207,244,242)
```
#cfd1f4
```
#cfd1f4 rgb(207,209,244)
```
#f4cfd1
```
#f4cfd1 rgb(244,207,209)
```
#f4f2cf
```
#f4f2cf rgb(244,242,207)
```

Tetradic Color

#9195e6
```
#9195e6 rgb(145,149,230)
```
#a6a9ea
```
#a6a9ea rgb(166,169,234)
```
#babdef
```
#babdef rgb(186,189,239)
```
#cfd1f4
```
#cfd1f4 rgb(207,209,244)
```
#e4e5f9
```
#e4e5f9 rgb(228,229,249)
```
#f8f9fe
```
#f8f9fe rgb(248,249,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cfdaf4
```
#cfdaf4 rgb(207,218,244)
```
#cfd7f4
```
#cfd7f4 rgb(207,215,244)
```
#cfd4f4
```
#cfd4f4 rgb(207,212,244)
```
#cfd1f4
```
#cfd1f4 rgb(207,209,244)
```
#d0cff4
```
#d0cff4 rgb(208,207,244)
```
#d3cff4
```
#d3cff4 rgb(211,207,244)
```
#d6cff4
```
#d6cff4 rgb(214,207,244)
```

Similar Colors

Text with hexadecimal color #cfd1f4

This text has a font color of #cfd1f4.

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

#cfd1f4 background color

This paragraph has a background color of #cfd1f4.

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

#cfd1f4 border color

This element has a border color of #cfd1f4.

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

CSS codes

.text {color:#cfd1f4;}

.background {background-color:#cfd1f4;}

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

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

#040410
```
#040410 rgb(4,4,16)
```
#070920
```
#070920 rgb(7,9,32)
```
#0b0d30
```
#0b0d30 rgb(11,13,48)
```
#0f1140
```
#0f1140 rgb(15,17,64)
```
#121650
```
#121650 rgb(18,22,80)
```
#161a60
```
#161a60 rgb(22,26,96)
```
#1a1e70
```
#1a1e70 rgb(26,30,112)
```
#1d2380
```
#1d2380 rgb(29,35,128)
```
#21278f
```
#21278f rgb(33,39,143)
```
#252b9f
```
#252b9f rgb(37,43,159)
```
#2830af
```
#2830af rgb(40,48,175)
```
#2c34bf
```
#2c34bf rgb(44,52,191)
```
#3038cf
```
#3038cf rgb(48,56,207)
```

Shade Color Variation

#3f47d3
```
#3f47d3 rgb(63,71,211)
```
#4f57d7
```
#4f57d7 rgb(79,87,215)
```
#5f66da
```
#5f66da rgb(95,102,218)
```
#6f75de
```
#6f75de rgb(111,117,222)
```
#7f85e2
```
#7f85e2 rgb(127,133,226)
```
#8f94e5
```
#8f94e5 rgb(143,148,229)
```
#9fa3e9
```
#9fa3e9 rgb(159,163,233)
```
#afb2ed
```
#afb2ed rgb(175,178,237)
```
#bfc2f0
```
#bfc2f0 rgb(191,194,240)
```
#cfd1f4
```
#cfd1f4 rgb(207,209,244)
```
#dfe0f8
```
#dfe0f8 rgb(223,224,248)
```
#eff0fb
```
#eff0fb rgb(239,240,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#e1e1e2
```
#e1e1e2 rgb(225,225,226)
```
#dfdfe4
```
#dfdfe4 rgb(223,223,228)
```
#dddde6
```
#dddde6 rgb(221,221,230)
```
#dadbe9
```
#dadbe9 rgb(218,219,233)
```
#d8d9eb
```
#d8d9eb rgb(216,217,235)
```
#d6d7ed
```
#d6d7ed rgb(214,215,237)
```
#d4d5ef
```
#d4d5ef rgb(212,213,239)
```
#d1d3f2
```
#d1d3f2 rgb(209,211,242)
```
#cfd1f4
```
#cfd1f4 rgb(207,209,244)
```
#cdcff6
```
#cdcff6 rgb(205,207,246)
```
#cacdf9
```
#cacdf9 rgb(202,205,249)
```
#c8cbfb
```
#c8cbfb rgb(200,203,251)
```
#c6c9fd
```
#c6c9fd rgb(198,201,253)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#d3d3da Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfd4f4 Protanopia 1% of men
#d9d0f5 Deuteranopia 1% of men
#ced6e5 Tritanopia 0.001% of the population

Trichromacy

#cfd2f4 Protanomaly 1% of men, 0.01% of women
#d5d0f4 Deuteranomaly 6% of men, 0.4% of women
#ced4ea Tritanomaly 0.01% of the population

#cfd1f4 hex color

#cfd1f4 Color Information

#cfd1f4 Color Conversion

Color Schemes with #cfd1f4

Alternatives to #cfd1f4

#cfd1f4 Preview

Shades and Tints of #cfd1f4

Tones of #cfd1f4

Color Blindness Simulator