#e02a50 hex color

In a RGB color space, hex #e02a50 is composed of 87.8% red, 16.5% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.3% magenta, 64.3% yellow and 12.2% black. It has a hue angle of 347.5 degrees, a saturation of 74.6% and a lightness of 52.2%. #e02a50 color hex could be obtained by blending #ff54a0 with #c10000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 88
- G 16
- B 31
RGB color chart
- C 0
- M 81
- Y 64
- K 12
CMYK color chart

● #e02a50 color description : Bright red.

The hexadecimal color #e02a50 has RGB values of R:224, G:42, B:80 and CMYK values of C:0, M:0.81, Y:0.64, K:0.12. Its decimal value is 14690896.

Hex triplet	e02a50	`#e02a50`
RGB Decimal	224, 42, 80	`rgb(224,42,80)`
RGB Percent	87.8, 16.5, 31.4	`rgb(87.8%,16.5%,31.4%)`
CMYK	0, 81, 64, 12
HSL	347.5°, 74.6, 52.2	`hsl(347.5,74.6%,52.2%)`
HSV (or HSB)	347.5°, 81.3, 87.8
Web Safe	cc3366	`#cc3366`

CIE-LAB	49.601, 68.723, 24.895
XYZ	33.018, 18.086, 9.341
xyY	0.546, 0.299, 18.086
CIE-LCH	49.601, 73.094, 19.913
CIE-LUV	49.601, 128.679, 13.837
Hunter-Lab	42.528, 64.159, 16.746
Binary	11100000, 00101010, 01010000

#e02a50
```
#e02a50 rgb(224,42,80)
```
#2ae0ba
```
#2ae0ba rgb(42,224,186)
```

Complementary Color

#e02aab
```
#e02aab rgb(224,42,171)
```
#e02a50
```
#e02a50 rgb(224,42,80)
```
#e05f2a
```
#e05f2a rgb(224,95,42)
```

Analogous Color

#2aabe0
```
#2aabe0 rgb(42,171,224)
```
#e02a50
```
#e02a50 rgb(224,42,80)
```
#2ae05f
```
#2ae05f rgb(42,224,95)
```

Split Complementary Color

#2a50e0
```
#2a50e0 rgb(42,80,224)
```
#e02a50
```
#e02a50 rgb(224,42,80)
```
#50e02a
```
#50e02a rgb(80,224,42)
```

Triadic Color

#ba2ae0
```
#ba2ae0 rgb(186,42,224)
```
#e02a50
```
#e02a50 rgb(224,42,80)
```
#50e02a
```
#50e02a rgb(80,224,42)
```
#2ae0ba
```
#2ae0ba rgb(42,224,186)
```

Tetradic Color

#a51836
```
#a51836 rgb(165,24,54)
```
#bc1b3d
```
#bc1b3d rgb(188,27,61)
```
#d21f44
```
#d21f44 rgb(210,31,68)
```
#e02a50
```
#e02a50 rgb(224,42,80)
```
#e34062
```
#e34062 rgb(227,64,98)
```
#e65775
```
#e65775 rgb(230,87,117)
```
#ea6d87
```
#ea6d87 rgb(234,109,135)
```

Monochromatic Color

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

#e02a7e
```
#e02a7e rgb(224,42,126)
```
#e02a6e
```
#e02a6e rgb(224,42,110)
```
#e02a5f
```
#e02a5f rgb(224,42,95)
```
#e02a50
```
#e02a50 rgb(224,42,80)
```
#e02a41
```
#e02a41 rgb(224,42,65)
```
#e02a32
```
#e02a32 rgb(224,42,50)
```
#e0312a
```
#e0312a rgb(224,49,42)
```

Similar Colors

Text with hexadecimal color #e02a50

This text has a font color of #e02a50.

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

#e02a50 background color

This paragraph has a background color of #e02a50.

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

#e02a50 border color

This element has a border color of #e02a50.

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

CSS codes

.text {color:#e02a50;}

.background {background-color:#e02a50;}

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

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

#0a0103
```
#0a0103 rgb(10,1,3)
```
#1b0409
```
#1b0409 rgb(27,4,9)
```
#2c060e
```
#2c060e rgb(44,6,14)
```
#3d0914
```
#3d0914 rgb(61,9,20)
```
#4e0b19
```
#4e0b19 rgb(78,11,25)
```
#5f0e1f
```
#5f0e1f rgb(95,14,31)
```
#701024
```
#701024 rgb(112,16,36)
```
#81132a
```
#81132a rgb(129,19,42)
```
#93152f
```
#93152f rgb(147,21,47)
```
#a41835
```
#a41835 rgb(164,24,53)
```
#b51a3b
```
#b51a3b rgb(181,26,59)
```
#c61d40
```
#c61d40 rgb(198,29,64)
```
#d71f46
```
#d71f46 rgb(215,31,70)
```

Shade Color Variation

#e02a50
```
#e02a50 rgb(224,42,80)
```
#e23b5e
```
#e23b5e rgb(226,59,94)
```
#e54c6c
```
#e54c6c rgb(229,76,108)
```
#e75d7a
```
#e75d7a rgb(231,93,122)
```
#ea6e88
```
#ea6e88 rgb(234,110,136)
```
#ec8096
```
#ec8096 rgb(236,128,150)
```
#ef91a4
```
#ef91a4 rgb(239,145,164)
```
#f1a2b2
```
#f1a2b2 rgb(241,162,178)
```
#f4b3c1
```
#f4b3c1 rgb(244,179,193)
```
#f6c4cf
```
#f6c4cf rgb(246,196,207)
```
#f9d5dd
```
#f9d5dd rgb(249,213,221)
```
#fbe6eb
```
#fbe6eb rgb(251,230,235)
```
#fef7f9
```
#fef7f9 rgb(254,247,249)
```

Tint Color Variation

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

#8c7e81
```
#8c7e81 rgb(140,126,129)
```
#95757c
```
#95757c rgb(149,117,124)
```
#9e6c76
```
#9e6c76 rgb(158,108,118)
```
#a86271
```
#a86271 rgb(168,98,113)
```
#b1596b
```
#b1596b rgb(177,89,107)
```
#ba5066
```
#ba5066 rgb(186,80,102)
```
#c44660
```
#c44660 rgb(196,70,96)
```
#cd3d5b
```
#cd3d5b rgb(205,61,91)
```
#d73355
```
#d73355 rgb(215,51,85)
```
#e02a50
```
#e02a50 rgb(224,42,80)
```
#e9214b
```
#e9214b rgb(233,33,75)
```
#f31745
```
#f31745 rgb(243,23,69)
```
#fc0e40
```
#fc0e40 rgb(252,14,64)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#7e5961 Atypical Achromatopsia 0.001% of the population

Dichromacy

#817c73 Protanopia 1% of men
#96774d Deuteranopia 1% of men
#e03b3c Tritanopia 0.001% of the population

Trichromacy

#a35e66 Protanomaly 1% of men, 0.01% of women
#b15b4e Deuteranomaly 6% of men, 0.4% of women
#e03543 Tritanomaly 0.01% of the population

#e02a50 hex color

#e02a50 Color Information

#e02a50 Color Conversion

Color Schemes with #e02a50

Alternatives to #e02a50

#e02a50 Preview

Shades and Tints of #e02a50

Tones of #e02a50

Color Blindness Simulator