#dee2e8 hex color

In a RGB color space, hex #dee2e8 is composed of 87.1% red, 88.6% green and 91% blue. Whereas in a CMYK color space, it is composed of 4.3% cyan, 2.6% magenta, 0% yellow and 9% black. It has a hue angle of 216 degrees, a saturation of 17.9% and a lightness of 89%. #dee2e8 color hex could be obtained by blending #ffffff with #bdc5d1. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 87
- G 89
- B 91
RGB color chart
- C 4
- M 3
- Y 0
- K 9
CMYK color chart

● #dee2e8 color description : Light grayish blue.

The hexadecimal color #dee2e8 has RGB values of R:222, G:226, B:232 and CMYK values of C:0.04, M:0.03, Y:0, K:0.09. Its decimal value is 14607080.

Hex triplet	dee2e8	`#dee2e8`
RGB Decimal	222, 226, 232	`rgb(222,226,232)`
RGB Percent	87.1, 88.6, 91	`rgb(87.1%,88.6%,91%)`
CMYK	4, 3, 0, 9
HSL	216°, 17.9, 89	`hsl(216,17.9%,89%)`
HSV (or HSB)	216°, 4.3, 91
Web Safe	ccccff	`#ccccff`

CIE-LAB	89.742, -0.239, -3.397
XYZ	71.883, 75.748, 87.173
xyY	0.306, 0.323, 75.748
CIE-LCH	89.742, 3.405, 265.978
CIE-LUV	89.742, -2.554, -5.196
Hunter-Lab	87.033, -4.881, 1.538
Binary	11011110, 11100010, 11101000

#dee2e8
```
#dee2e8 rgb(222,226,232)
```
#e8e4de
```
#e8e4de rgb(232,228,222)
```

Complementary Color

#dee7e8
```
#dee7e8 rgb(222,231,232)
```
#dee2e8
```
#dee2e8 rgb(222,226,232)
```
#dfdee8
```
#dfdee8 rgb(223,222,232)
```

Analogous Color

#e7e8de
```
#e7e8de rgb(231,232,222)
```
#dee2e8
```
#dee2e8 rgb(222,226,232)
```
#e8dfde
```
#e8dfde rgb(232,223,222)
```

Split Complementary Color

#e2e8de
```
#e2e8de rgb(226,232,222)
```
#dee2e8
```
#dee2e8 rgb(222,226,232)
```
#e8dee2
```
#e8dee2 rgb(232,222,226)
```

Triadic Color

#dee8e4
```
#dee8e4 rgb(222,232,228)
```
#dee2e8
```
#dee2e8 rgb(222,226,232)
```
#e8dee2
```
#e8dee2 rgb(232,222,226)
```
#e8e4de
```
#e8e4de rgb(232,228,222)
```

Tetradic Color

#b1bac9
```
#b1bac9 rgb(177,186,201)
```
#c0c8d3
```
#c0c8d3 rgb(192,200,211)
```
#cfd5de
```
#cfd5de rgb(207,213,222)
```
#dee2e8
```
#dee2e8 rgb(222,226,232)
```
#edeff2
```
#edeff2 rgb(237,239,242)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#dee5e8
```
#dee5e8 rgb(222,229,232)
```
#dee4e8
```
#dee4e8 rgb(222,228,232)
```
#dee3e8
```
#dee3e8 rgb(222,227,232)
```
#dee2e8
```
#dee2e8 rgb(222,226,232)
```
#dee1e8
```
#dee1e8 rgb(222,225,232)
```
#dee0e8
```
#dee0e8 rgb(222,224,232)
```
#dee0e8
```
#dee0e8 rgb(222,224,232)
```

Similar Colors

Text with hexadecimal color #dee2e8

This text has a font color of #dee2e8.

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

#dee2e8 background color

This paragraph has a background color of #dee2e8.

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

#dee2e8 border color

This element has a border color of #dee2e8.

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

CSS codes

.text {color:#dee2e8;}

.background {background-color:#dee2e8;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#090b0d
```
#090b0d rgb(9,11,13)
```
#111419
```
#111419 rgb(17,20,25)
```
#191e24
```
#191e24 rgb(25,30,36)
```
#212730
```
#212730 rgb(33,39,48)
```
#29313b
```
#29313b rgb(41,49,59)
```
#323a47
```
#323a47 rgb(50,58,71)
```
#3a4453
```
#3a4453 rgb(58,68,83)
```
#424d5e
```
#424d5e rgb(66,77,94)
```
#4a566a
```
#4a566a rgb(74,86,106)
```
#526075
```
#526075 rgb(82,96,117)
```
#5a6981
```
#5a6981 rgb(90,105,129)
```
#62738c
```
#62738c rgb(98,115,140)
```

Shade Color Variation

#6a7c97
```
#6a7c97 rgb(106,124,151)
```
#76879f
```
#76879f rgb(118,135,159)
```
#8291a8
```
#8291a8 rgb(130,145,168)
```
#8d9bb0
```
#8d9bb0 rgb(141,155,176)
```
#99a5b8
```
#99a5b8 rgb(153,165,184)
```
#a4afc0
```
#a4afc0 rgb(164,175,192)
```
#b0b9c8
```
#b0b9c8 rgb(176,185,200)
```
#bbc4d0
```
#bbc4d0 rgb(187,196,208)
```
#c7ced8
```
#c7ced8 rgb(199,206,216)
```
#d2d8e0
```
#d2d8e0 rgb(210,216,224)
```
#dee2e8
```
#dee2e8 rgb(222,226,232)
```
#eaecf0
```
#eaecf0 rgb(234,236,240)
```
#f5f6f8
```
#f5f6f8 rgb(245,246,248)
```

Tint Color Variation

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

#e2e3e4
```
#e2e3e4 rgb(226,227,228)
```
#e0e2e6
```
#e0e2e6 rgb(224,226,230)
```
#dee2e8
```
#dee2e8 rgb(222,226,232)
```
#dce2ea
```
#dce2ea rgb(220,226,234)
```
#dae1ec
```
#dae1ec rgb(218,225,236)
```
#d8e1ee
```
#d8e1ee rgb(216,225,238)
```
#d5e0f1
```
#d5e0f1 rgb(213,224,241)
```
#d3e0f3
```
#d3e0f3 rgb(211,224,243)
```
#d1dff5
```
#d1dff5 rgb(209,223,245)
```
#cfdff7
```
#cfdff7 rgb(207,223,247)
```
#cddff9
```
#cddff9 rgb(205,223,249)
```
#cbdefb
```
#cbdefb rgb(203,222,251)
```
#c8defe
```
#c8defe rgb(200,222,254)
```

Tone Color Variation

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

#e1e1e1 Achromatopsia 0.005% of the population
#e0e1e2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5e1e8 Protanopia 1% of men
#f4dceb Deuteranopia 1% of men
#e1e2f2 Tritanopia 0.001% of the population

Trichromacy

#e2e1e8 Protanomaly 1% of men, 0.01% of women
#ecdeea Deuteranomaly 6% of men, 0.4% of women
#e0e2ee Tritanomaly 0.01% of the population

#dee2e8 hex color

#dee2e8 Color Information

#dee2e8 Color Conversion

Color Schemes with #dee2e8

Alternatives to #dee2e8

#dee2e8 Preview

Shades and Tints of #dee2e8

Tones of #dee2e8

Color Blindness Simulator