#e2f158 hex color

In a RGB color space, hex #e2f158 is composed of 88.6% red, 94.5% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 6.2% cyan, 0% magenta, 63.5% yellow and 5.5% black. It has a hue angle of 65.9 degrees, a saturation of 84.5% and a lightness of 64.5%. #e2f158 color hex could be obtained by blending #ffffb0 with #c5e300. Closest websafe color is: #ccff66.

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

● #e2f158 color description : Soft yellow.

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

Hex triplet	e2f158	`#e2f158`
RGB Decimal	226, 241, 88	`rgb(226,241,88)`
RGB Percent	88.6, 94.5, 34.5	`rgb(88.6%,94.5%,34.5%)`
CMYK	6, 0, 63, 5
HSL	65.9°, 84.5, 64.5	`hsl(65.9,84.5%,64.5%)`
HSV (or HSB)	65.9°, 63.5, 94.5
Web Safe	ccff66	`#ccff66`

CIE-LAB	91.588, -24.175, 69.523
XYZ	64.58, 79.784, 21.23
xyY	0.39, 0.482, 79.784
CIE-LCH	91.588, 73.606, 109.174
CIE-LUV	91.588, -3.435, 87.608
Hunter-Lab	89.322, -27.257, 48.434
Binary	11100010, 11110001, 01011000

#e2f158
```
#e2f158 rgb(226,241,88)
```
#6758f1
```
#6758f1 rgb(103,88,241)
```

Complementary Color

#f1b458
```
#f1b458 rgb(241,180,88)
```
#e2f158
```
#e2f158 rgb(226,241,88)
```
#96f158
```
#96f158 rgb(150,241,88)
```

Analogous Color

#b458f1
```
#b458f1 rgb(180,88,241)
```
#e2f158
```
#e2f158 rgb(226,241,88)
```
#5896f1
```
#5896f1 rgb(88,150,241)
```

Split Complementary Color

#f158e2
```
#f158e2 rgb(241,88,226)
```
#e2f158
```
#e2f158 rgb(226,241,88)
```
#58e2f1
```
#58e2f1 rgb(88,226,241)
```

Triadic Color

#f16758
```
#f16758 rgb(241,103,88)
```
#e2f158
```
#e2f158 rgb(226,241,88)
```
#58e2f1
```
#58e2f1 rgb(88,226,241)
```
#6758f1
```
#6758f1 rgb(103,88,241)
```

Tetradic Color

#d4e914
```
#d4e914 rgb(212,233,20)
```
#daed29
```
#daed29 rgb(218,237,41)
```
#deef40
```
#deef40 rgb(222,239,64)
```
#e2f158
```
#e2f158 rgb(226,241,88)
```
#e6f370
```
#e6f370 rgb(230,243,112)
```
#eaf587
```
#eaf587 rgb(234,245,135)
```
#eef79f
```
#eef79f rgb(238,247,159)
```

Monochromatic Color

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

#f1da58
```
#f1da58 rgb(241,218,88)
```
#f1e758
```
#f1e758 rgb(241,231,88)
```
#eff158
```
#eff158 rgb(239,241,88)
```
#e2f158
```
#e2f158 rgb(226,241,88)
```
#d5f158
```
#d5f158 rgb(213,241,88)
```
#c9f158
```
#c9f158 rgb(201,241,88)
```
#bcf158
```
#bcf158 rgb(188,241,88)
```

Similar Colors

Text with hexadecimal color #e2f158

This text has a font color of #e2f158.

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

#e2f158 background color

This paragraph has a background color of #e2f158.

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

#e2f158 border color

This element has a border color of #e2f158.

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

CSS codes

.text {color:#e2f158;}

.background {background-color:#e2f158;}

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

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, #0d0e01 is the darkest color, while #fefffb is the lightest one.

#0d0e01
```
#0d0e01 rgb(13,14,1)
```
#1d2003
```
#1d2003 rgb(29,32,3)
```
#2e3204
```
#2e3204 rgb(46,50,4)
```
#3e4406
```
#3e4406 rgb(62,68,6)
```
#4f5607
```
#4f5607 rgb(79,86,7)
```
#5f6809
```
#5f6809 rgb(95,104,9)
```
#707b0a
```
#707b0a rgb(112,123,10)
```
#808d0c
```
#808d0c rgb(128,141,12)
```
#919f0d
```
#919f0d rgb(145,159,13)
```
#a1b10f
```
#a1b10f rgb(161,177,15)
```
#b1c310
```
#b1c310 rgb(177,195,16)
```
#c2d512
```
#c2d512 rgb(194,213,18)
```
#d2e713
```
#d2e713 rgb(210,231,19)
```

Shade Color Variation

#d9ec22
```
#d9ec22 rgb(217,236,34)
```
#dcee34
```
#dcee34 rgb(220,238,52)
```
#dfef46
```
#dfef46 rgb(223,239,70)
```
#e2f158
```
#e2f158 rgb(226,241,88)
```
#e5f36a
```
#e5f36a rgb(229,243,106)
```
#e8f47c
```
#e8f47c rgb(232,244,124)
```
#ebf68e
```
#ebf68e rgb(235,246,142)
```
#eff7a0
```
#eff7a0 rgb(239,247,160)
```
#f2f9b2
```
#f2f9b2 rgb(242,249,178)
```
#f5fac5
```
#f5fac5 rgb(245,250,197)
```
#f8fcd7
```
#f8fcd7 rgb(248,252,215)
```
#fbfde9
```
#fbfde9 rgb(251,253,233)
```
#fefffb
```
#fefffb rgb(254,255,251)
```

Tint Color Variation

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

#aaab9e
```
#aaab9e rgb(170,171,158)
```
#b0b297
```
#b0b297 rgb(176,178,151)
```
#b5b990
```
#b5b990 rgb(181,185,144)
```
#bbc089
```
#bbc089 rgb(187,192,137)
```
#c0c782
```
#c0c782 rgb(192,199,130)
```
#c6ce7b
```
#c6ce7b rgb(198,206,123)
```
#ccd574
```
#ccd574 rgb(204,213,116)
```
#d1dc6d
```
#d1dc6d rgb(209,220,109)
```
#d7e366
```
#d7e366 rgb(215,227,102)
```
#dcea5f
```
#dcea5f rgb(220,234,95)
```
#e2f158
```
#e2f158 rgb(226,241,88)
```
#e8f851
```
#e8f851 rgb(232,248,81)
```
#edff4a
```
#edff4a rgb(237,255,74)
```

Tone Color Variation

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

#dbdbdb Achromatopsia 0.005% of the population
#dcdfc1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe87b Protanopia 1% of men
#ffe4c3 Deuteranopia 1% of men
#f4e3f3 Tritanopia 0.001% of the population

Trichromacy

#f4eb6e Protanomaly 1% of men, 0.01% of women
#f4e89c Deuteranomaly 6% of men, 0.4% of women
#ede8ba Tritanomaly 0.01% of the population

#e2f158 hex color

#e2f158 Color Information

#e2f158 Color Conversion

Color Schemes with #e2f158

Alternatives to #e2f158

#e2f158 Preview

Shades and Tints of #e2f158

Tones of #e2f158

Color Blindness Simulator