#dfe2f1 hex color

In a RGB color space, hex #dfe2f1 is composed of 87.5% red, 88.6% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 7.5% cyan, 6.2% magenta, 0% yellow and 5.5% black. It has a hue angle of 230 degrees, a saturation of 39.1% and a lightness of 91%. #dfe2f1 color hex could be obtained by blending #ffffff with #bfc5e3. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 87
- G 89
- B 95
RGB color chart
- C 7
- M 6
- Y 0
- K 5
CMYK color chart

● #dfe2f1 color description : Light grayish blue.

The hexadecimal color #dfe2f1 has RGB values of R:223, G:226, B:241 and CMYK values of C:0.07, M:0.06, Y:0, K:0.05. Its decimal value is 14672625.

Hex triplet	dfe2f1	`#dfe2f1`
RGB Decimal	223, 226, 241	`rgb(223,226,241)`
RGB Percent	87.5, 88.6, 94.5	`rgb(87.5%,88.6%,94.5%)`
CMYK	7, 6, 0, 5
HSL	230°, 39.1, 91	`hsl(230,39.1%,91%)`
HSV (or HSB)	230°, 7.5, 94.5
Web Safe	ccccff	`#ccccff`

CIE-LAB	90.059, 1.789, -7.641
XYZ	73.502, 76.431, 94.095
xyY	0.301, 0.313, 76.431
CIE-LCH	90.059, 7.848, 283.18
CIE-LUV	90.059, -2.492, -12.219
Hunter-Lab	87.425, -2.921, -2.616
Binary	11011111, 11100010, 11110001

#dfe2f1
```
#dfe2f1 rgb(223,226,241)
```
#f1eedf
```
#f1eedf rgb(241,238,223)
```

Complementary Color

#dfebf1
```
#dfebf1 rgb(223,235,241)
```
#dfe2f1
```
#dfe2f1 rgb(223,226,241)
```
#e5dff1
```
#e5dff1 rgb(229,223,241)
```

Analogous Color

#ebf1df
```
#ebf1df rgb(235,241,223)
```
#dfe2f1
```
#dfe2f1 rgb(223,226,241)
```
#f1e5df
```
#f1e5df rgb(241,229,223)
```

Split Complementary Color

#e2f1df
```
#e2f1df rgb(226,241,223)
```
#dfe2f1
```
#dfe2f1 rgb(223,226,241)
```
#f1dfe2
```
#f1dfe2 rgb(241,223,226)
```

Triadic Color

#dff1ee
```
#dff1ee rgb(223,241,238)
```
#dfe2f1
```
#dfe2f1 rgb(223,226,241)
```
#f1dfe2
```
#f1dfe2 rgb(241,223,226)
```
#f1eedf
```
#f1eedf rgb(241,238,223)
```

Tetradic Color

#aab2da
```
#aab2da rgb(170,178,218)
```
#bcc2e1
```
#bcc2e1 rgb(188,194,225)
```
#cdd2e9
```
#cdd2e9 rgb(205,210,233)
```
#dfe2f1
```
#dfe2f1 rgb(223,226,241)
```
#f1f2f9
```
#f1f2f9 rgb(241,242,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#dfe7f1
```
#dfe7f1 rgb(223,231,241)
```
#dfe5f1
```
#dfe5f1 rgb(223,229,241)
```
#dfe4f1
```
#dfe4f1 rgb(223,228,241)
```
#dfe2f1
```
#dfe2f1 rgb(223,226,241)
```
#dfe1f1
```
#dfe1f1 rgb(223,225,241)
```
#dfdff1
```
#dfdff1 rgb(223,223,241)
```
#e1dff1
```
#e1dff1 rgb(225,223,241)
```

Similar Colors

Text with hexadecimal color #dfe2f1

This text has a font color of #dfe2f1.

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

#dfe2f1 background color

This paragraph has a background color of #dfe2f1.

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

#dfe2f1 border color

This element has a border color of #dfe2f1.

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

CSS codes

.text {color:#dfe2f1;}

.background {background-color:#dfe2f1;}

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

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

#040509
```
#040509 rgb(4,5,9)
```
#0a0c17
```
#0a0c17 rgb(10,12,23)
```
#101324
```
#101324 rgb(16,19,36)
```
#161a32
```
#161a32 rgb(22,26,50)
```
#1c2240
```
#1c2240 rgb(28,34,64)
```
#22294d
```
#22294d rgb(34,41,77)
```
#28305b
```
#28305b rgb(40,48,91)
```
#2e3768
```
#2e3768 rgb(46,55,104)
```
#343f76
```
#343f76 rgb(52,63,118)
```
#3a4684
```
#3a4684 rgb(58,70,132)
```
#404d91
```
#404d91 rgb(64,77,145)
```
#46549f
```
#46549f rgb(70,84,159)
```
#4c5cad
```
#4c5cad rgb(76,92,173)
```

Shade Color Variation

#5766b5
```
#5766b5 rgb(87,102,181)
```
#6473bb
```
#6473bb rgb(100,115,187)
```
#727fc1
```
#727fc1 rgb(114,127,193)
```
#7f8bc7
```
#7f8bc7 rgb(127,139,199)
```
#8d98cd
```
#8d98cd rgb(141,152,205)
```
#9ba4d3
```
#9ba4d3 rgb(155,164,211)
```
#a8b1d9
```
#a8b1d9 rgb(168,177,217)
```
#b6bddf
```
#b6bddf rgb(182,189,223)
```
#c4c9e5
```
#c4c9e5 rgb(196,201,229)
```
#d1d6eb
```
#d1d6eb rgb(209,214,235)
```
#dfe2f1
```
#dfe2f1 rgb(223,226,241)
```
#edeef7
```
#edeef7 rgb(237,238,247)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#e8e8e8
```
#e8e8e8 rgb(232,232,232)
```
#e6e7ea
```
#e6e7ea rgb(230,231,234)
```
#e4e6ec
```
#e4e6ec rgb(228,230,236)
```
#e3e4ed
```
#e3e4ed rgb(227,228,237)
```
#e1e3ef
```
#e1e3ef rgb(225,227,239)
```
#dfe2f1
```
#dfe2f1 rgb(223,226,241)
```
#dde1f3
```
#dde1f3 rgb(221,225,243)
```
#dbe0f5
```
#dbe0f5 rgb(219,224,245)
```
#dadef6
```
#dadef6 rgb(218,222,246)
```
#d8ddf8
```
#d8ddf8 rgb(216,221,248)
```
#d6dcfa
```
#d6dcfa rgb(214,220,250)
```
#d4dbfc
```
#d4dbfc rgb(212,219,252)
```
#d3dafd
```
#d3dafd rgb(211,218,253)
```

Tone Color Variation

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

#e3e3e3 Achromatopsia 0.005% of the population
#e2e3e6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3e2f1 Protanopia 1% of men
#f1ddf3 Deuteranopia 1% of men
#e1e3f3 Tritanopia 0.001% of the population

Trichromacy

#e2e2f1 Protanomaly 1% of men, 0.01% of women
#eadff2 Deuteranomaly 6% of men, 0.4% of women
#e0e2f2 Tritanomaly 0.01% of the population

#dfe2f1 hex color

#dfe2f1 Color Information

#dfe2f1 Color Conversion

Color Schemes with #dfe2f1

Alternatives to #dfe2f1

#dfe2f1 Preview

Shades and Tints of #dfe2f1

Tones of #dfe2f1

Color Blindness Simulator