#e02056 hex color

In a RGB color space, hex #e02056 is composed of 87.8% red, 12.5% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.7% magenta, 61.6% yellow and 12.2% black. It has a hue angle of 343.1 degrees, a saturation of 75.6% and a lightness of 50.2%. #e02056 color hex could be obtained by blending #ff40ac with #c10000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 88
- G 13
- B 34
RGB color chart
- C 0
- M 86
- Y 62
- K 12
CMYK color chart

● #e02056 color description : Vivid pink.

The hexadecimal color #e02056 has RGB values of R:224, G:32, B:86 and CMYK values of C:0, M:0.86, Y:0.62, K:0.12. Its decimal value is 14688342.

Hex triplet	e02056	`#e02056`
RGB Decimal	224, 32, 86	`rgb(224,32,86)`
RGB Percent	87.8, 12.5, 33.7	`rgb(87.8%,12.5%,33.7%)`
CMYK	0, 86, 62, 12
HSL	343.1°, 75.6, 50.2	`hsl(343.1,75.6%,50.2%)`
HSV (or HSB)	343.1°, 85.7, 87.8
Web Safe	cc3366	`#cc3366`

CIE-LAB	48.953, 71.231, 20.396
XYZ	32.938, 17.556, 10.458
xyY	0.54, 0.288, 17.556
CIE-LCH	48.953, 74.093, 15.979
CIE-LUV	48.953, 129.995, 8.843
Hunter-Lab	41.9, 66.996, 14.532
Binary	11100000, 00100000, 01010110

#e02056
```
#e02056 rgb(224,32,86)
```
#20e0aa
```
#20e0aa rgb(32,224,170)
```

Complementary Color

#e020b6
```
#e020b6 rgb(224,32,182)
```
#e02056
```
#e02056 rgb(224,32,86)
```
#e04a20
```
#e04a20 rgb(224,74,32)
```

Analogous Color

#20b6e0
```
#20b6e0 rgb(32,182,224)
```
#e02056
```
#e02056 rgb(224,32,86)
```
#20e04a
```
#20e04a rgb(32,224,74)
```

Split Complementary Color

#2056e0
```
#2056e0 rgb(32,86,224)
```
#e02056
```
#e02056 rgb(224,32,86)
```
#56e020
```
#56e020 rgb(86,224,32)
```

Triadic Color

#aa20e0
```
#aa20e0 rgb(170,32,224)
```
#e02056
```
#e02056 rgb(224,32,86)
```
#56e020
```
#56e020 rgb(86,224,32)
```
#20e0aa
```
#20e0aa rgb(32,224,170)
```

Tetradic Color

#9e163c
```
#9e163c rgb(158,22,60)
```
#b41945
```
#b41945 rgb(180,25,69)
```
#ca1c4d
```
#ca1c4d rgb(202,28,77)
```
#e02056
```
#e02056 rgb(224,32,86)
```
#e33667
```
#e33667 rgb(227,54,103)
```
#e64d78
```
#e64d78 rgb(230,77,120)
```
#e96389
```
#e96389 rgb(233,99,137)
```

Monochromatic Color

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

#e02086
```
#e02086 rgb(224,32,134)
```
#e02076
```
#e02076 rgb(224,32,118)
```
#e02066
```
#e02066 rgb(224,32,102)
```
#e02056
```
#e02056 rgb(224,32,86)
```
#e02046
```
#e02046 rgb(224,32,70)
```
#e02036
```
#e02036 rgb(224,32,54)
```
#e02026
```
#e02026 rgb(224,32,38)
```

Similar Colors

Text with hexadecimal color #e02056

This text has a font color of #e02056.

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

#e02056 background color

This paragraph has a background color of #e02056.

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

#e02056 border color

This element has a border color of #e02056.

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

CSS codes

.text {color:#e02056;}

.background {background-color:#e02056;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#120307
```
#120307 rgb(18,3,7)
```
#23050d
```
#23050d rgb(35,5,13)
```
#350714
```
#350714 rgb(53,7,20)
```
#460a1b
```
#460a1b rgb(70,10,27)
```
#570c21
```
#570c21 rgb(87,12,33)
```
#680e28
```
#680e28 rgb(104,14,40)
```
#79112e
```
#79112e rgb(121,17,46)
```
#8b1335
```
#8b1335 rgb(139,19,53)
```
#9c163b
```
#9c163b rgb(156,22,59)
```
#ad1842
```
#ad1842 rgb(173,24,66)
```
#be1a49
```
#be1a49 rgb(190,26,73)
```
#d01d4f
```
#d01d4f rgb(208,29,79)
```

Shade Color Variation

#e02056
```
#e02056 rgb(224,32,86)
```
#e23163
```
#e23163 rgb(226,49,99)
```
#e54270
```
#e54270 rgb(229,66,112)
```
#e7547d
```
#e7547d rgb(231,84,125)
```
#ea658a
```
#ea658a rgb(234,101,138)
```
#ec7697
```
#ec7697 rgb(236,118,151)
```
#ee87a4
```
#ee87a4 rgb(238,135,164)
```
#f199b1
```
#f199b1 rgb(241,153,177)
```
#f3aabe
```
#f3aabe rgb(243,170,190)
```
#f6bbcb
```
#f6bbcb rgb(246,187,203)
```
#f8ccd9
```
#f8ccd9 rgb(248,204,217)
```
#fadde6
```
#fadde6 rgb(250,221,230)
```
#fdeff3
```
#fdeff3 rgb(253,239,243)
```

Tint Color Variation

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

#88787c
```
#88787c rgb(136,120,124)
```
#926e78
```
#926e78 rgb(146,110,120)
```
#9c6474
```
#9c6474 rgb(156,100,116)
```
#a55b70
```
#a55b70 rgb(165,91,112)
```
#af516b
```
#af516b rgb(175,81,107)
```
#b94767
```
#b94767 rgb(185,71,103)
```
#c33d63
```
#c33d63 rgb(195,61,99)
```
#cc345f
```
#cc345f rgb(204,52,95)
```
#d62a5a
```
#d62a5a rgb(214,42,90)
```
#e02056
```
#e02056 rgb(224,32,86)
```
#ea1652
```
#ea1652 rgb(234,22,82)
```
#f40c4d
```
#f40c4d rgb(244,12,77)
```
#fd0349
```
#fd0349 rgb(253,3,73)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#7a535e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7a7c Protanopia 1% of men
#937652 Deuteranopia 1% of men
#e03637 Tritanopia 0.001% of the population

Trichromacy

#a1596e Protanomaly 1% of men, 0.01% of women
#af5753 Deuteranomaly 6% of men, 0.4% of women
#e02e42 Tritanomaly 0.01% of the population

#e02056 hex color

#e02056 Color Information

#e02056 Color Conversion

Color Schemes with #e02056

Alternatives to #e02056

#e02056 Preview

Shades and Tints of #e02056

Tones of #e02056

Color Blindness Simulator