#cfd3f8 hex color

In a RGB color space, hex #cfd3f8 is composed of 81.2% red, 82.7% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 16.5% cyan, 14.9% magenta, 0% yellow and 2.7% black. It has a hue angle of 234.1 degrees, a saturation of 74.5% and a lightness of 89.2%. #cfd3f8 color hex could be obtained by blending #ffffff with #9fa7f1. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 81
- G 83
- B 97
RGB color chart
- C 17
- M 15
- Y 0
- K 3
CMYK color chart

● #cfd3f8 color description : Light grayish blue.

The hexadecimal color #cfd3f8 has RGB values of R:207, G:211, B:248 and CMYK values of C:0.17, M:0.15, Y:0, K:0.03. Its decimal value is 13620216.

Hex triplet	cfd3f8	`#cfd3f8`
RGB Decimal	207, 211, 248	`rgb(207,211,248)`
RGB Percent	81.2, 82.7, 97.3	`rgb(81.2%,82.7%,97.3%)`
CMYK	17, 15, 0, 3
HSL	234.1°, 74.5, 89.2	`hsl(234.1,74.5%,89.2%)`
HSV (or HSB)	234.1°, 16.5, 97.3
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.317, 5.977, -18.54
XYZ	65.966, 66.631, 98.187
xyY	0.286, 0.289, 66.631
CIE-LCH	85.317, 19.479, 287.868
CIE-LUV	85.317, -4.236, -30.384
Hunter-Lab	81.628, 1.404, -14.179
Binary	11001111, 11010011, 11111000

#cfd3f8
```
#cfd3f8 rgb(207,211,248)
```
#f8f4cf
```
#f8f4cf rgb(248,244,207)
```

Complementary Color

#cfe8f8
```
#cfe8f8 rgb(207,232,248)
```
#cfd3f8
```
#cfd3f8 rgb(207,211,248)
```
#e0cff8
```
#e0cff8 rgb(224,207,248)
```

Analogous Color

#e8f8cf
```
#e8f8cf rgb(232,248,207)
```
#cfd3f8
```
#cfd3f8 rgb(207,211,248)
```
#f8e0cf
```
#f8e0cf rgb(248,224,207)
```

Split Complementary Color

#d3f8cf
```
#d3f8cf rgb(211,248,207)
```
#cfd3f8
```
#cfd3f8 rgb(207,211,248)
```
#f8cfd3
```
#f8cfd3 rgb(248,207,211)
```

Triadic Color

#cff8f4
```
#cff8f4 rgb(207,248,244)
```
#cfd3f8
```
#cfd3f8 rgb(207,211,248)
```
#f8cfd3
```
#f8cfd3 rgb(248,207,211)
```
#f8f4cf
```
#f8f4cf rgb(248,244,207)
```

Tetradic Color

#8c96ee
```
#8c96ee rgb(140,150,238)
```
#a2aaf2
```
#a2aaf2 rgb(162,170,242)
```
#b9bff5
```
#b9bff5 rgb(185,191,245)
```
#cfd3f8
```
#cfd3f8 rgb(207,211,248)
```
#e5e7fb
```
#e5e7fb rgb(229,231,251)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cfddf8
```
#cfddf8 rgb(207,221,248)
```
#cfdaf8
```
#cfdaf8 rgb(207,218,248)
```
#cfd6f8
```
#cfd6f8 rgb(207,214,248)
```
#cfd3f8
```
#cfd3f8 rgb(207,211,248)
```
#cfd0f8
```
#cfd0f8 rgb(207,208,248)
```
#d2cff8
```
#d2cff8 rgb(210,207,248)
```
#d5cff8
```
#d5cff8 rgb(213,207,248)
```

Similar Colors

Text with hexadecimal color #cfd3f8

This text has a font color of #cfd3f8.

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

#cfd3f8 background color

This paragraph has a background color of #cfd3f8.

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

#cfd3f8 border color

This element has a border color of #cfd3f8.

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

CSS codes

.text {color:#cfd3f8;}

.background {background-color:#cfd3f8;}

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

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

#000103
```
#000103 rgb(0,1,3)
```
#030514
```
#030514 rgb(3,5,20)
```
#050926
```
#050926 rgb(5,9,38)
```
#080d37
```
#080d37 rgb(8,13,55)
```
#0a1048
```
#0a1048 rgb(10,16,72)
```
#0d1459
```
#0d1459 rgb(13,20,89)
```
#0f186a
```
#0f186a rgb(15,24,106)
```
#121c7b
```
#121c7b rgb(18,28,123)
```
#14208c
```
#14208c rgb(20,32,140)
```
#17249d
```
#17249d rgb(23,36,157)
```
#1928af
```
#1928af rgb(25,40,175)
```
#1c2cc0
```
#1c2cc0 rgb(28,44,192)
```
#1e30d1
```
#1e30d1 rgb(30,48,209)
```

Shade Color Variation

#2436df
```
#2436df rgb(36,54,223)
```
#3546e2
```
#3546e2 rgb(53,70,226)
```
#4655e4
```
#4655e4 rgb(70,85,228)
```
#5765e7
```
#5765e7 rgb(87,101,231)
```
#6875e9
```
#6875e9 rgb(104,117,233)
```
#7985ec
```
#7985ec rgb(121,133,236)
```
#8b94ee
```
#8b94ee rgb(139,148,238)
```
#9ca4f1
```
#9ca4f1 rgb(156,164,241)
```
#adb4f3
```
#adb4f3 rgb(173,180,243)
```
#bec3f6
```
#bec3f6 rgb(190,195,246)
```
#cfd3f8
```
#cfd3f8 rgb(207,211,248)
```
#e0e3fa
```
#e0e3fa rgb(224,227,250)
```
#f1f2fd
```
#f1f2fd rgb(241,242,253)
```

Tint Color Variation

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

#e2e2e5
```
#e2e2e5 rgb(226,226,229)
```
#e0e1e7
```
#e0e1e7 rgb(224,225,231)
```
#dedfe9
```
#dedfe9 rgb(222,223,233)
```
#dcddeb
```
#dcddeb rgb(220,221,235)
```
#dadced
```
#dadced rgb(218,220,237)
```
#d7daf0
```
#d7daf0 rgb(215,218,240)
```
#d5d8f2
```
#d5d8f2 rgb(213,216,242)
```
#d3d6f4
```
#d3d6f4 rgb(211,214,244)
```
#d1d5f6
```
#d1d5f6 rgb(209,213,246)
```
#cfd3f8
```
#cfd3f8 rgb(207,211,248)
```
#cdd1fa
```
#cdd1fa rgb(205,209,250)
```
#cbd0fc
```
#cbd0fc rgb(203,208,252)
```
#c9cefe
```
#c9cefe rgb(201,206,254)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#d5d5dd Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0d5f8 Protanopia 1% of men
#dad2f9 Deuteranopia 1% of men
#cdd8e7 Tritanopia 0.001% of the population

Trichromacy

#cfd4f8 Protanomaly 1% of men, 0.01% of women
#d6d2f8 Deuteranomaly 6% of men, 0.4% of women
#ced6ed Tritanomaly 0.01% of the population

#cfd3f8 hex color

#cfd3f8 Color Information

#cfd3f8 Color Conversion

Color Schemes with #cfd3f8

Alternatives to #cfd3f8

#cfd3f8 Preview

Shades and Tints of #cfd3f8

Tones of #cfd3f8

Color Blindness Simulator