#dfe0f4 hex color

In a RGB color space, hex #dfe0f4 is composed of 87.5% red, 87.8% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 8.6% cyan, 8.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 237.1 degrees, a saturation of 48.8% and a lightness of 91.6%. #dfe0f4 color hex could be obtained by blending #ffffff with #bfc1e9. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 87
- G 88
- B 96
RGB color chart
- C 9
- M 8
- Y 0
- K 4
CMYK color chart

● #dfe0f4 color description : Light grayish blue.

The hexadecimal color #dfe0f4 has RGB values of R:223, G:224, B:244 and CMYK values of C:0.09, M:0.08, Y:0, K:0.04. Its decimal value is 14672116.

Hex triplet	dfe0f4	`#dfe0f4`
RGB Decimal	223, 224, 244	`rgb(223,224,244)`
RGB Percent	87.5, 87.8, 95.7	`rgb(87.5%,87.8%,95.7%)`
CMYK	9, 8, 0, 4
HSL	237.1°, 48.8, 91.6	`hsl(237.1,48.8%,91.6%)`
HSV (or HSB)	237.1°, 8.6, 95.7
Web Safe	ccccff	`#ccccff`

CIE-LAB	89.641, 3.407, -9.835
XYZ	73.413, 75.531, 96.294
xyY	0.299, 0.308, 75.531
CIE-LCH	89.641, 10.408, 289.108
CIE-LUV	89.641, -1.69, -15.982
Hunter-Lab	86.908, -1.307, -4.857
Binary	11011111, 11100000, 11110100

#dfe0f4
```
#dfe0f4 rgb(223,224,244)
```
#f4f3df
```
#f4f3df rgb(244,243,223)
```

Complementary Color

#dfebf4
```
#dfebf4 rgb(223,235,244)
```
#dfe0f4
```
#dfe0f4 rgb(223,224,244)
```
#e9dff4
```
#e9dff4 rgb(233,223,244)
```

Analogous Color

#ebf4df
```
#ebf4df rgb(235,244,223)
```
#dfe0f4
```
#dfe0f4 rgb(223,224,244)
```
#f4e9df
```
#f4e9df rgb(244,233,223)
```

Split Complementary Color

#e0f4df
```
#e0f4df rgb(224,244,223)
```
#dfe0f4
```
#dfe0f4 rgb(223,224,244)
```
#f4dfe0
```
#f4dfe0 rgb(244,223,224)
```

Triadic Color

#dff4f3
```
#dff4f3 rgb(223,244,243)
```
#dfe0f4
```
#dfe0f4 rgb(223,224,244)
```
#f4dfe0
```
#f4dfe0 rgb(244,223,224)
```
#f4f3df
```
#f4f3df rgb(244,243,223)
```

Tetradic Color

#a6a9e0
```
#a6a9e0 rgb(166,169,224)
```
#b9bbe7
```
#b9bbe7 rgb(185,187,231)
```
#ccceed
```
#ccceed rgb(204,206,237)
```
#dfe0f4
```
#dfe0f4 rgb(223,224,244)
```
#f2f2fb
```
#f2f2fb rgb(242,242,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#dfe5f4
```
#dfe5f4 rgb(223,229,244)
```
#dfe4f4
```
#dfe4f4 rgb(223,228,244)
```
#dfe2f4
```
#dfe2f4 rgb(223,226,244)
```
#dfe0f4
```
#dfe0f4 rgb(223,224,244)
```
#e0dff4
```
#e0dff4 rgb(224,223,244)
```
#e2dff4
```
#e2dff4 rgb(226,223,244)
```
#e3dff4
```
#e3dff4 rgb(227,223,244)
```

Similar Colors

Text with hexadecimal color #dfe0f4

This text has a font color of #dfe0f4.

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

#dfe0f4 background color

This paragraph has a background color of #dfe0f4.

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

#dfe0f4 border color

This element has a border color of #dfe0f4.

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

CSS codes

.text {color:#dfe0f4;}

.background {background-color:#dfe0f4;}

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

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

#04040c
```
#04040c rgb(4,4,12)
```
#090a1a
```
#090a1a rgb(9,10,26)
```
#0e0f29
```
#0e0f29 rgb(14,15,41)
```
#131538
```
#131538 rgb(19,21,56)
```
#181a46
```
#181a46 rgb(24,26,70)
```
#1d2055
```
#1d2055 rgb(29,32,85)
```
#222563
```
#222563 rgb(34,37,99)
```
#272b72
```
#272b72 rgb(39,43,114)
```
#2c3081
```
#2c3081 rgb(44,48,129)
```
#31368f
```
#31368f rgb(49,54,143)
```
#363b9e
```
#363b9e rgb(54,59,158)
```
#3b41ac
```
#3b41ac rgb(59,65,172)
```
#4046bb
```
#4046bb rgb(64,70,187)
```

Shade Color Variation

#4d53c2
```
#4d53c2 rgb(77,83,194)
```
#5c61c7
```
#5c61c7 rgb(92,97,199)
```
#6a6fcc
```
#6a6fcc rgb(106,111,204)
```
#797dd1
```
#797dd1 rgb(121,125,209)
```
#878bd6
```
#878bd6 rgb(135,139,214)
```
#9699db
```
#9699db rgb(150,153,219)
```
#a5a7e0
```
#a5a7e0 rgb(165,167,224)
```
#b3b6e5
```
#b3b6e5 rgb(179,182,229)
```
#c2c4ea
```
#c2c4ea rgb(194,196,234)
```
#d0d2ef
```
#d0d2ef rgb(208,210,239)
```
#dfe0f4
```
#dfe0f4 rgb(223,224,244)
```
#eeeef9
```
#eeeef9 rgb(238,238,249)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#e9e9ea
```
#e9e9ea rgb(233,233,234)
```
#e7e7ec
```
#e7e7ec rgb(231,231,236)
```
#e6e6ed
```
#e6e6ed rgb(230,230,237)
```
#e4e4ef
```
#e4e4ef rgb(228,228,239)
```
#e2e3f1
```
#e2e3f1 rgb(226,227,241)
```
#e1e1f2
```
#e1e1f2 rgb(225,225,242)
```
#dfe0f4
```
#dfe0f4 rgb(223,224,244)
```
#dddff6
```
#dddff6 rgb(221,223,246)
```
#dcddf7
```
#dcddf7 rgb(220,221,247)
```
#dadcf9
```
#dadcf9 rgb(218,220,249)
```
#d8dafb
```
#d8dafb rgb(216,218,251)
```
#d7d9fc
```
#d7d9fc rgb(215,217,252)
```
#d5d7fe
```
#d5d7fe rgb(213,215,254)
```

Tone Color Variation

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

#e2e2e2 Achromatopsia 0.005% of the population
#e1e2e6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1e1f4 Protanopia 1% of men
#eeddf6 Deuteranopia 1% of men
#e0e2f2 Tritanopia 0.001% of the population

Trichromacy

#e0e0f4 Protanomaly 1% of men, 0.01% of women
#e8def5 Deuteranomaly 6% of men, 0.4% of women
#dfe1f2 Tritanomaly 0.01% of the population

#dfe0f4 hex color

#dfe0f4 Color Information

#dfe0f4 Color Conversion

Color Schemes with #dfe0f4

Alternatives to #dfe0f4

#dfe0f4 Preview

Shades and Tints of #dfe0f4

Tones of #dfe0f4

Color Blindness Simulator