#e2ecfe hex color

In a RGB color space, hex #e2ecfe is composed of 88.6% red, 92.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 11% cyan, 7.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 218.6 degrees, a saturation of 93.3% and a lightness of 94.1%. #e2ecfe color hex could be obtained by blending #ffffff with #c5d9fd. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 89
- G 93
- B 100
RGB color chart
- C 11
- M 7
- Y 0
- K 0
CMYK color chart

● #e2ecfe color description : Light grayish blue.

The hexadecimal color #e2ecfe has RGB values of R:226, G:236, B:254 and CMYK values of C:0.11, M:0.07, Y:0, K:0. Its decimal value is 14871806.

Hex triplet	e2ecfe	`#e2ecfe`
RGB Decimal	226, 236, 254	`rgb(226,236,254)`
RGB Percent	88.6, 92.5, 99.6	`rgb(88.6%,92.5%,99.6%)`
CMYK	11, 7, 0, 0
HSL	218.6°, 93.3, 94.1	`hsl(218.6,93.3%,94.1%)`
HSV (or HSB)	218.6°, 11, 99.6
Web Safe	ccffff	`#ccffff`

CIE-LAB	93.152, 0.113, -9.818
XYZ	79.245, 83.315, 105.667
xyY	0.295, 0.311, 83.315
CIE-LCH	93.152, 9.819, 270.661
CIE-LUV	93.152, -6.369, -15.475
Hunter-Lab	91.277, -4.763, -4.743
Binary	11100010, 11101100, 11111110

#e2ecfe
```
#e2ecfe rgb(226,236,254)
```
#fef4e2
```
#fef4e2 rgb(254,244,226)
```

Complementary Color

#e2fafe
```
#e2fafe rgb(226,250,254)
```
#e2ecfe
```
#e2ecfe rgb(226,236,254)
```
#e6e2fe
```
#e6e2fe rgb(230,226,254)
```

Analogous Color

#fafee2
```
#fafee2 rgb(250,254,226)
```
#e2ecfe
```
#e2ecfe rgb(226,236,254)
```
#fee6e2
```
#fee6e2 rgb(254,230,226)
```

Split Complementary Color

#ecfee2
```
#ecfee2 rgb(236,254,226)
```
#e2ecfe
```
#e2ecfe rgb(226,236,254)
```
#fee2ec
```
#fee2ec rgb(254,226,236)
```

Triadic Color

#e2fef4
```
#e2fef4 rgb(226,254,244)
```
#e2ecfe
```
#e2ecfe rgb(226,236,254)
```
#fee2ec
```
#fee2ec rgb(254,226,236)
```
#fef4e2
```
#fef4e2 rgb(254,244,226)
```

Tetradic Color

#98bcfb
```
#98bcfb rgb(152,188,251)
```
#b1ccfc
```
#b1ccfc rgb(177,204,252)
```
#c9dcfd
```
#c9dcfd rgb(201,220,253)
```
#e2ecfe
```
#e2ecfe rgb(226,236,254)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#e2f3fe
```
#e2f3fe rgb(226,243,254)
```
#e2f1fe
```
#e2f1fe rgb(226,241,254)
```
#e2eefe
```
#e2eefe rgb(226,238,254)
```
#e2ecfe
```
#e2ecfe rgb(226,236,254)
```
#e2eafe
```
#e2eafe rgb(226,234,254)
```
#e2e7fe
```
#e2e7fe rgb(226,231,254)
```
#e2e5fe
```
#e2e5fe rgb(226,229,254)
```

Similar Colors

Text with hexadecimal color #e2ecfe

This text has a font color of #e2ecfe.

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

#e2ecfe background color

This paragraph has a background color of #e2ecfe.

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

#e2ecfe border color

This element has a border color of #e2ecfe.

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

CSS codes

.text {color:#e2ecfe;}

.background {background-color:#e2ecfe;}

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

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

#000309
```
#000309 rgb(0,3,9)
```
#010b1c
```
#010b1c rgb(1,11,28)
```
#02122f
```
#02122f rgb(2,18,47)
```
#021942
```
#021942 rgb(2,25,66)
```
#032055
```
#032055 rgb(3,32,85)
```
#042768
```
#042768 rgb(4,39,104)
```
#042f7b
```
#042f7b rgb(4,47,123)
```
#05368e
```
#05368e rgb(5,54,142)
```
#063da1
```
#063da1 rgb(6,61,161)
```
#0644b4
```
#0644b4 rgb(6,68,180)
```
#074bc7
```
#074bc7 rgb(7,75,199)
```
#0753da
```
#0753da rgb(7,83,218)
```
#085aec
```
#085aec rgb(8,90,236)
```

Shade Color Variation

#1163f7
```
#1163f7 rgb(17,99,247)
```
#2470f7
```
#2470f7 rgb(36,112,247)
```
#377cf8
```
#377cf8 rgb(55,124,248)
```
#4a89f9
```
#4a89f9 rgb(74,137,249)
```
#5d95f9
```
#5d95f9 rgb(93,149,249)
```
#70a1fa
```
#70a1fa rgb(112,161,250)
```
#83aefb
```
#83aefb rgb(131,174,251)
```
#96bafb
```
#96bafb rgb(150,186,251)
```
#a9c7fc
```
#a9c7fc rgb(169,199,252)
```
#bcd3fd
```
#bcd3fd rgb(188,211,253)
```
#cfe0fd
```
#cfe0fd rgb(207,224,253)
```
#e2ecfe
```
#e2ecfe rgb(226,236,254)
```
#f5f8ff
```
#f5f8ff rgb(245,248,255)
```

Tint Color Variation

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

#f0f0f0
```
#f0f0f0 rgb(240,240,240)
```
#eff0f1
```
#eff0f1 rgb(239,240,241)
```
#eeeff2
```
#eeeff2 rgb(238,239,242)
```
#eceff4
```
#eceff4 rgb(236,239,244)
```
#ebeff5
```
#ebeff5 rgb(235,239,245)
```
#eaeef6
```
#eaeef6 rgb(234,238,246)
```
#e9eef7
```
#e9eef7 rgb(233,238,247)
```
#e8eef8
```
#e8eef8 rgb(232,238,248)
```
#e7edf9
```
#e7edf9 rgb(231,237,249)
```
#e5edfb
```
#e5edfb rgb(229,237,251)
```
#e4edfc
```
#e4edfc rgb(228,237,252)
```
#e3ecfd
```
#e3ecfd rgb(227,236,253)
```
#e2ecfe
```
#e2ecfe rgb(226,236,254)
```

Tone Color Variation

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

#ebebeb Achromatopsia 0.005% of the population
#e9ebef Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebeafc Protanopia 1% of men
#f7e6ff Deuteranopia 1% of men
#e3edfd Tritanopia 0.001% of the population

Trichromacy

#e7ebfd Protanomaly 1% of men, 0.01% of women
#efe8fe Deuteranomaly 6% of men, 0.4% of women
#e2ecfd Tritanomaly 0.01% of the population

#e2ecfe hex color

#e2ecfe Color Information

#e2ecfe Color Conversion

Color Schemes with #e2ecfe

Alternatives to #e2ecfe

#e2ecfe Preview

Shades and Tints of #e2ecfe

Tones of #e2ecfe

Color Blindness Simulator