#e2e2f1 hex color

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

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

● #e2e2f1 color description : Light grayish blue.

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

Hex triplet	e2e2f1	`#e2e2f1`
RGB Decimal	226, 226, 241	`rgb(226,226,241)`
RGB Percent	88.6, 88.6, 94.5	`rgb(88.6%,88.6%,94.5%)`
CMYK	6, 6, 0, 5
HSL	240°, 34.9, 91.6	`hsl(240,34.9%,91.6%)`
HSV (or HSB)	240°, 6.2, 94.5
Web Safe	ccccff	`#ccccff`

CIE-LAB	90.281, 2.766, -7.288
XYZ	74.435, 76.912, 94.138
xyY	0.303, 0.313, 76.912
CIE-LCH	90.281, 7.795, 290.781
CIE-LUV	90.281, -0.858, -11.832
Hunter-Lab	87.7, -1.973, -2.253
Binary	11100010, 11100010, 11110001

#e2e2f1
```
#e2e2f1 rgb(226,226,241)
```
#f1f1e2
```
#f1f1e2 rgb(241,241,226)
```

Complementary Color

#e2eaf1
```
#e2eaf1 rgb(226,234,241)
```
#e2e2f1
```
#e2e2f1 rgb(226,226,241)
```
#eae2f1
```
#eae2f1 rgb(234,226,241)
```

Analogous Color

#eaf1e2
```
#eaf1e2 rgb(234,241,226)
```
#e2e2f1
```
#e2e2f1 rgb(226,226,241)
```
#f1eae2
```
#f1eae2 rgb(241,234,226)
```

Split Complementary Color

#e2f1e2
```
#e2f1e2 rgb(226,241,226)
```
#e2e2f1
```
#e2e2f1 rgb(226,226,241)
```
#f1e2e2
```
#f1e2e2 rgb(241,226,226)
```

Triadic Color

#e2f1f1
```
#e2f1f1 rgb(226,241,241)
```
#e2e2f1
```
#e2e2f1 rgb(226,226,241)
```
#f1e2e2
```
#f1e2e2 rgb(241,226,226)
```
#f1f1e2
```
#f1f1e2 rgb(241,241,226)
```

Tetradic Color

#aeaed8
```
#aeaed8 rgb(174,174,216)
```
#c0c0e0
```
#c0c0e0 rgb(192,192,224)
```
#d1d1e9
```
#d1d1e9 rgb(209,209,233)
```
#e2e2f1
```
#e2e2f1 rgb(226,226,241)
```
#f3f3f9
```
#f3f3f9 rgb(243,243,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#e2e6f1
```
#e2e6f1 rgb(226,230,241)
```
#e2e5f1
```
#e2e5f1 rgb(226,229,241)
```
#e2e3f1
```
#e2e3f1 rgb(226,227,241)
```
#e2e2f1
```
#e2e2f1 rgb(226,226,241)
```
#e3e2f1
```
#e3e2f1 rgb(227,226,241)
```
#e5e2f1
```
#e5e2f1 rgb(229,226,241)
```
#e6e2f1
```
#e6e2f1 rgb(230,226,241)
```

Similar Colors

Text with hexadecimal color #e2e2f1

This text has a font color of #e2e2f1.

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

#e2e2f1 background color

This paragraph has a background color of #e2e2f1.

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

#e2e2f1 border color

This element has a border color of #e2e2f1.

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

CSS codes

.text {color:#e2e2f1;}

.background {background-color:#e2e2f1;}

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

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

#05050b
```
#05050b rgb(5,5,11)
```
#0c0c18
```
#0c0c18 rgb(12,12,24)
```
#121225
```
#121225 rgb(18,18,37)
```
#181832
```
#181832 rgb(24,24,50)
```
#1f1f40
```
#1f1f40 rgb(31,31,64)
```
#25254d
```
#25254d rgb(37,37,77)
```
#2b2b5a
```
#2b2b5a rgb(43,43,90)
```
#323267
```
#323267 rgb(50,50,103)
```
#383875
```
#383875 rgb(56,56,117)
```
#3f3f82
```
#3f3f82 rgb(63,63,130)
```
#45458f
```
#45458f rgb(69,69,143)
```
#4b4b9c
```
#4b4b9c rgb(75,75,156)
```
#5252a9
```
#5252a9 rgb(82,82,169)
```

Shade Color Variation

#5e5eb1
```
#5e5eb1 rgb(94,94,177)
```
#6b6bb8
```
#6b6bb8 rgb(107,107,184)
```
#7878be
```
#7878be rgb(120,120,190)
```
#8585c4
```
#8585c4 rgb(133,133,196)
```
#9393cb
```
#9393cb rgb(147,147,203)
```
#a0a0d1
```
#a0a0d1 rgb(160,160,209)
```
#adadd7
```
#adadd7 rgb(173,173,215)
```
#babade
```
#babade rgb(186,186,222)
```
#c8c8e4
```
#c8c8e4 rgb(200,200,228)
```
#d5d5eb
```
#d5d5eb rgb(213,213,235)
```
#e2e2f1
```
#e2e2f1 rgb(226,226,241)
```
#efeff7
```
#efeff7 rgb(239,239,247)
```
#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 #d5d5fe is the most saturated one.

#e9e9ea
```
#e9e9ea rgb(233,233,234)
```
#e7e7ec
```
#e7e7ec rgb(231,231,236)
```
#e5e5ee
```
#e5e5ee rgb(229,229,238)
```
#e4e4ef
```
#e4e4ef rgb(228,228,239)
```
#e2e2f1
```
#e2e2f1 rgb(226,226,241)
```
#e0e0f3
```
#e0e0f3 rgb(224,224,243)
```
#dfdff4
```
#dfdff4 rgb(223,223,244)
```
#ddddf6
```
#ddddf6 rgb(221,221,246)
```
#dbdbf8
```
#dbdbf8 rgb(219,219,248)
```
#dadaf9
```
#dadaf9 rgb(218,218,249)
```
#d8d8fb
```
#d8d8fb rgb(216,216,251)
```
#d6d6fd
```
#d6d6fd rgb(214,214,253)
```
#d5d5fe
```
#d5d5fe rgb(213,213,254)
```

Tone Color Variation

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

#e4e4e4 Achromatopsia 0.005% of the population
#e4e4e7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4e3f1 Protanopia 1% of men
#f2def3 Deuteranopia 1% of men
#e3e3f3 Tritanopia 0.001% of the population

Trichromacy

#e3e2f1 Protanomaly 1% of men, 0.01% of women
#ecdff2 Deuteranomaly 6% of men, 0.4% of women
#e3e2f2 Tritanomaly 0.01% of the population

#e2e2f1 hex color

#e2e2f1 Color Information

#e2e2f1 Color Conversion

Color Schemes with #e2e2f1

Alternatives to #e2e2f1

#e2e2f1 Preview

Shades and Tints of #e2e2f1

Tones of #e2e2f1

Color Blindness Simulator