colorhexa.com

#e2ecf1 hex color

In a RGB color space, hex #e2ecf1 is composed of 88.6% red, 92.5% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 6.2% cyan, 2.1% magenta, 0% yellow and 5.5% black. It has a hue angle of 200 degrees, a saturation of 34.9% and a lightness of 91.6%. #e2ecf1 color hex could be obtained by blending #ffffff with #c5d9e3. Closest websafe color is: #ccffff.

- R 89
- G 93
- B 95
RGB color chart
- C 6
- M 2
- Y 0
- K 5
CMYK color chart

● #e2ecf1 color description : Light grayish blue.

The hexadecimal color #e2ecf1 has RGB values of R:226, G:236, B:241 and CMYK values of C:0.06, M:0.02, Y:0, K:0.05. Its decimal value is 14871793.

Hex triplet	e2ecf1	`#e2ecf1`
RGB Decimal	226, 236, 241	`rgb(226,236,241)`
RGB Percent	88.6, 92.5, 94.5	`rgb(88.6%,92.5%,94.5%)`
CMYK	6, 2, 0, 5
HSL	200°, 34.9, 91.6	`hsl(200,34.9%,91.6%)`
HSV (or HSB)	200°, 6.2, 94.5
Web Safe	ccffff	`#ccffff`

CIE-LAB	92.799, -2.384, -3.573
XYZ	77.234, 82.51, 95.071
xyY	0.303, 0.324, 82.51
CIE-LCH	92.799, 4.295, 236.293
CIE-LUV	92.799, -5.752, -5.122
Hunter-Lab	90.835, -7.19, 1.529
Binary	11100010, 11101100, 11110001

#e2ecf1
```
#e2ecf1 rgb(226,236,241)
```
#f1e7e2
```
#f1e7e2 rgb(241,231,226)
```

Complementary Color

#e2f1ef
```
#e2f1ef rgb(226,241,239)
```
#e2ecf1
```
#e2ecf1 rgb(226,236,241)
```
#e2e5f1
```
#e2e5f1 rgb(226,229,241)
```

Analogous Color

#f1efe2
```
#f1efe2 rgb(241,239,226)
```
#e2ecf1
```
#e2ecf1 rgb(226,236,241)
```
#f1e2e5
```
#f1e2e5 rgb(241,226,229)
```

Split Complementary Color

#ecf1e2
```
#ecf1e2 rgb(236,241,226)
```
#e2ecf1
```
#e2ecf1 rgb(226,236,241)
```
#f1e2ec
```
#f1e2ec rgb(241,226,236)
```

Triadic Color

#e2f1e7
```
#e2f1e7 rgb(226,241,231)
```
#e2ecf1
```
#e2ecf1 rgb(226,236,241)
```
#f1e2ec
```
#f1e2ec rgb(241,226,236)
```
#f1e7e2
```
#f1e7e2 rgb(241,231,226)
```

Tetradic Color

#aecad8
```
#aecad8 rgb(174,202,216)
```
#c0d5e0
```
#c0d5e0 rgb(192,213,224)
```
#d1e1e9
```
#d1e1e9 rgb(209,225,233)
```
#e2ecf1
```
#e2ecf1 rgb(226,236,241)
```
#f3f7f9
```
#f3f7f9 rgb(243,247,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#e2f0f1
```
#e2f0f1 rgb(226,240,241)
```
#e2eff1
```
#e2eff1 rgb(226,239,241)
```
#e2edf1
```
#e2edf1 rgb(226,237,241)
```
#e2ecf1
```
#e2ecf1 rgb(226,236,241)
```
#e2ebf1
```
#e2ebf1 rgb(226,235,241)
```
#e2eaf1
```
#e2eaf1 rgb(226,234,241)
```
#e2e8f1
```
#e2e8f1 rgb(226,232,241)
```

Similar Colors

Text with hexadecimal color #e2ecf1

This text has a font color of #e2ecf1.

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

#e2ecf1 background color

This paragraph has a background color of #e2ecf1.

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

#e2ecf1 border color

This element has a border color of #e2ecf1.

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

CSS codes

.text {color:#e2ecf1;}

.background {background-color:#e2ecf1;}

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

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, #05090b is the darkest color, while #fcfdfe is the lightest one.

#05090b
```
#05090b rgb(5,9,11)
```
#0c1418
```
#0c1418 rgb(12,20,24)
```
#121f25
```
#121f25 rgb(18,31,37)
```
#182a32
```
#182a32 rgb(24,42,50)
```
#1f3540
```
#1f3540 rgb(31,53,64)
```
#25404d
```
#25404d rgb(37,64,77)
```
#2b4b5a
```
#2b4b5a rgb(43,75,90)
```
#325567
```
#325567 rgb(50,85,103)
```
#386075
```
#386075 rgb(56,96,117)
```
#3f6b82
```
#3f6b82 rgb(63,107,130)
```
#45768f
```
#45768f rgb(69,118,143)
```
#4b819c
```
#4b819c rgb(75,129,156)
```
#528ca9
```
#528ca9 rgb(82,140,169)
```

Shade Color Variation

#5e95b1
```
#5e95b1 rgb(94,149,177)
```
#6b9eb8
```
#6b9eb8 rgb(107,158,184)
```
#78a7be
```
#78a7be rgb(120,167,190)
```
#85afc4
```
#85afc4 rgb(133,175,196)
```
#93b8cb
```
#93b8cb rgb(147,184,203)
```
#a0c1d1
```
#a0c1d1 rgb(160,193,209)
```
#adc9d7
```
#adc9d7 rgb(173,201,215)
```
#bad2de
```
#bad2de rgb(186,210,222)
```
#c8dbe4
```
#c8dbe4 rgb(200,219,228)
```
#d5e3eb
```
#d5e3eb rgb(213,227,235)
```
#e2ecf1
```
#e2ecf1 rgb(226,236,241)
```
#eff5f7
```
#eff5f7 rgb(239,245,247)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#e9eaea
```
#e9eaea rgb(233,234,234)
```
#e7eaec
```
#e7eaec rgb(231,234,236)
```
#e5ebee
```
#e5ebee rgb(229,235,238)
```
#e4ebef
```
#e4ebef rgb(228,235,239)
```
#e2ecf1
```
#e2ecf1 rgb(226,236,241)
```
#e0edf3
```
#e0edf3 rgb(224,237,243)
```
#dfedf4
```
#dfedf4 rgb(223,237,244)
```
#ddeef6
```
#ddeef6 rgb(221,238,246)
```
#dbeef8
```
#dbeef8 rgb(219,238,248)
```
#daeff9
```
#daeff9 rgb(218,239,249)
```
#d8effb
```
#d8effb rgb(216,239,251)
```
#d6f0fd
```
#d6f0fd rgb(214,240,253)
```
#d5f0fe
```
#d5f0fe rgb(213,240,254)
```

Tone Color Variation

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

#eaeaea Achromatopsia 0.005% of the population
#e8eaeb Atypical Achromatopsia 0.001% of the population

Dichromacy

#edeaf0 Protanopia 1% of men
#fce4f4 Deuteranopia 1% of men
#e5ebfc Tritanopia 0.001% of the population

Trichromacy

#e9eaf0 Protanomaly 1% of men, 0.01% of women
#f3e7f3 Deuteranomaly 6% of men, 0.4% of women
#e4ebf8 Tritanomaly 0.01% of the population