#cfd1f3 hex color

In a RGB color space, hex #cfd1f3 is composed of 81.2% red, 82% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 14.8% cyan, 14% magenta, 0% yellow and 4.7% black. It has a hue angle of 236.7 degrees, a saturation of 60% and a lightness of 88.2%. #cfd1f3 color hex could be obtained by blending #ffffff with #9fa3e7. Closest websafe color is: #ccccff.

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

● #cfd1f3 color description : Light grayish blue.

The hexadecimal color #cfd1f3 has RGB values of R:207, G:209, B:243 and CMYK values of C:0.15, M:0.14, Y:0, K:0.05. Its decimal value is 13619699.

Hex triplet	cfd1f3	`#cfd1f3`
RGB Decimal	207, 209, 243	`rgb(207,209,243)`
RGB Percent	81.2, 82, 95.3	`rgb(81.2%,82%,95.3%)`
CMYK	15, 14, 0, 5
HSL	236.7°, 60, 88.2	`hsl(236.7,60%,88.2%)`
HSV (or HSB)	236.7°, 14.8, 95.3
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.657, 5.987, -16.885
XYZ	64.707, 65.337, 93.991
xyY	0.289, 0.292, 65.337
CIE-LCH	84.657, 17.915, 289.523
CIE-LUV	84.657, -3.03, -27.644
Hunter-Lab	80.831, 1.438, -12.361
Binary	11001111, 11010001, 11110011

#cfd1f3
```
#cfd1f3 rgb(207,209,243)
```
#f3f1cf
```
#f3f1cf rgb(243,241,207)
```

Complementary Color

#cfe3f3
```
#cfe3f3 rgb(207,227,243)
```
#cfd1f3
```
#cfd1f3 rgb(207,209,243)
```
#dfcff3
```
#dfcff3 rgb(223,207,243)
```

Analogous Color

#e3f3cf
```
#e3f3cf rgb(227,243,207)
```
#cfd1f3
```
#cfd1f3 rgb(207,209,243)
```
#f3dfcf
```
#f3dfcf rgb(243,223,207)
```

Split Complementary Color

#d1f3cf
```
#d1f3cf rgb(209,243,207)
```
#cfd1f3
```
#cfd1f3 rgb(207,209,243)
```
#f3cfd1
```
#f3cfd1 rgb(243,207,209)
```

Triadic Color

#cff3f1
```
#cff3f1 rgb(207,243,241)
```
#cfd1f3
```
#cfd1f3 rgb(207,209,243)
```
#f3cfd1
```
#f3cfd1 rgb(243,207,209)
```
#f3f1cf
```
#f3f1cf rgb(243,241,207)
```

Tetradic Color

#9296e4
```
#9296e4 rgb(146,150,228)
```
#a6aae9
```
#a6aae9 rgb(166,170,233)
```
#bbbdee
```
#bbbdee rgb(187,189,238)
```
#cfd1f3
```
#cfd1f3 rgb(207,209,243)
```
#e3e5f8
```
#e3e5f8 rgb(227,229,248)
```
#f8f8fd
```
#f8f8fd rgb(248,248,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cfdaf3
```
#cfdaf3 rgb(207,218,243)
```
#cfd7f3
```
#cfd7f3 rgb(207,215,243)
```
#cfd4f3
```
#cfd4f3 rgb(207,212,243)
```
#cfd1f3
```
#cfd1f3 rgb(207,209,243)
```
#d0cff3
```
#d0cff3 rgb(208,207,243)
```
#d3cff3
```
#d3cff3 rgb(211,207,243)
```
#d6cff3
```
#d6cff3 rgb(214,207,243)
```

Similar Colors

Text with hexadecimal color #cfd1f3

This text has a font color of #cfd1f3.

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

#cfd1f3 background color

This paragraph has a background color of #cfd1f3.

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

#cfd1f3 border color

This element has a border color of #cfd1f3.

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

CSS codes

.text {color:#cfd1f3;}

.background {background-color:#cfd1f3;}

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

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, #04040f is the darkest color, while #fefeff is the lightest one.

#04040f
```
#04040f rgb(4,4,15)
```
#08091e
```
#08091e rgb(8,9,30)
```
#0c0d2e
```
#0c0d2e rgb(12,13,46)
```
#0f123e
```
#0f123e rgb(15,18,62)
```
#13174e
```
#13174e rgb(19,23,78)
```
#171b5d
```
#171b5d rgb(23,27,93)
```
#1b206d
```
#1b206d rgb(27,32,109)
```
#1f247d
```
#1f247d rgb(31,36,125)
```
#23298c
```
#23298c rgb(35,41,140)
```
#272e9c
```
#272e9c rgb(39,46,156)
```
#2b32ac
```
#2b32ac rgb(43,50,172)
```
#2f37bb
```
#2f37bb rgb(47,55,187)
```
#333bcb
```
#333bcb rgb(51,59,203)
```

Shade Color Variation

#424ad0
```
#424ad0 rgb(66,74,208)
```
#5159d4
```
#5159d4 rgb(81,89,212)
```
#6168d8
```
#6168d8 rgb(97,104,216)
```
#7177db
```
#7177db rgb(113,119,219)
```
#8186df
```
#8186df rgb(129,134,223)
```
#9095e3
```
#9095e3 rgb(144,149,227)
```
#a0a4e7
```
#a0a4e7 rgb(160,164,231)
```
#b0b3eb
```
#b0b3eb rgb(176,179,235)
```
#bfc2ef
```
#bfc2ef rgb(191,194,239)
```
#cfd1f3
```
#cfd1f3 rgb(207,209,243)
```
#dfe0f7
```
#dfe0f7 rgb(223,224,247)
```
#eeeffb
```
#eeeffb rgb(238,239,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#dfdfe3
```
#dfdfe3 rgb(223,223,227)
```
#dddde5
```
#dddde5 rgb(221,221,229)
```
#dbdbe7
```
#dbdbe7 rgb(219,219,231)
```
#d8d9ea
```
#d8d9ea rgb(216,217,234)
```
#d6d7ec
```
#d6d7ec rgb(214,215,236)
```
#d4d5ee
```
#d4d5ee rgb(212,213,238)
```
#d1d3f1
```
#d1d3f1 rgb(209,211,241)
```
#cfd1f3
```
#cfd1f3 rgb(207,209,243)
```
#cdcff5
```
#cdcff5 rgb(205,207,245)
```
#cacdf8
```
#cacdf8 rgb(202,205,248)
```
#c8cbfa
```
#c8cbfa rgb(200,203,250)
```
#c6c9fc
```
#c6c9fc rgb(198,201,252)
```
#c3c7ff
```
#c3c7ff rgb(195,199,255)
```

Tone Color Variation

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

#cfd3f3 Protanopia 1% of men
#d9d0f4 Deuteranopia 1% of men
#ced5e5 Tritanopia 0.001% of the population

Trichromacy

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

#cfd1f3 hex color

#cfd1f3 Color Information

#cfd1f3 Color Conversion

Color Schemes with #cfd1f3

Alternatives to #cfd1f3

#cfd1f3 Preview

Shades and Tints of #cfd1f3

Tones of #cfd1f3

Color Blindness Simulator