#e02a00 hex color

In a RGB color space, hex #e02a00 is composed of 87.8% red, 16.5% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.3% magenta, 100% yellow and 12.2% black. It has a hue angle of 11.3 degrees, a saturation of 100% and a lightness of 43.9%. #e02a00 color hex could be obtained by blending #ff5400 with #c10000. Closest websafe color is: #cc3300.

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

● #e02a00 color description : Pure (or mostly pure) red.

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

Hex triplet	e02a00	`#e02a00`
RGB Decimal	224, 42, 0	`rgb(224,42,0)`
RGB Percent	87.8, 16.5, 0	`rgb(87.8%,16.5%,0%)`
CMYK	0, 81, 100, 12
HSL	11.3°, 100, 43.9	`hsl(11.3,100%,43.9%)`
HSV (or HSB)	11.3°, 100, 87.8
Web Safe	cc3300	`#cc3300`

CIE-LAB	48.893, 66.56, 61.731
XYZ	31.57, 17.507, 1.717
xyY	0.622, 0.345, 17.507
CIE-LCH	48.893, 90.78, 42.844
CIE-LUV	48.893, 142.4, 36.902
Hunter-Lab	41.842, 61.458, 26.856
Binary	11100000, 00101010, 00000000

#e02a00
```
#e02a00 rgb(224,42,0)
```
#00b6e0
```
#00b6e0 rgb(0,182,224)
```

Complementary Color

#e00046
```
#e00046 rgb(224,0,70)
```
#e02a00
```
#e02a00 rgb(224,42,0)
```
#e09a00
```
#e09a00 rgb(224,154,0)
```

Analogous Color

#0046e0
```
#0046e0 rgb(0,70,224)
```
#e02a00
```
#e02a00 rgb(224,42,0)
```
#00e09a
```
#00e09a rgb(0,224,154)
```

Split Complementary Color

#2a00e0
```
#2a00e0 rgb(42,0,224)
```
#e02a00
```
#e02a00 rgb(224,42,0)
```
#00e02a
```
#00e02a rgb(0,224,42)
```

Triadic Color

#e000b6
```
#e000b6 rgb(224,0,182)
```
#e02a00
```
#e02a00 rgb(224,42,0)
```
#00e02a
```
#00e02a rgb(0,224,42)
```
#00b6e0
```
#00b6e0 rgb(0,182,224)
```

Tetradic Color

#941c00
```
#941c00 rgb(148,28,0)
```
#ad2000
```
#ad2000 rgb(173,32,0)
```
#c72500
```
#c72500 rgb(199,37,0)
```
#e02a00
```
#e02a00 rgb(224,42,0)
```
#fa2f00
```
#fa2f00 rgb(250,47,0)
```
#ff4014
```
#ff4014 rgb(255,64,20)
```
#ff552e
```
#ff552e rgb(255,85,46)
```

Monochromatic Color

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

#e0000e
```
#e0000e rgb(224,0,14)
```
#e00500
```
#e00500 rgb(224,5,0)
```
#e01700
```
#e01700 rgb(224,23,0)
```
#e02a00
```
#e02a00 rgb(224,42,0)
```
#e03d00
```
#e03d00 rgb(224,61,0)
```
#e04f00
```
#e04f00 rgb(224,79,0)
```
#e06200
```
#e06200 rgb(224,98,0)
```

Similar Colors

Text with hexadecimal color #e02a00

This text has a font color of #e02a00.

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

#e02a00 background color

This paragraph has a background color of #e02a00.

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

#e02a00 border color

This element has a border color of #e02a00.

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

CSS codes

.text {color:#e02a00;}

.background {background-color:#e02a00;}

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

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

#080200
```
#080200 rgb(8,2,0)
```
#1c0500
```
#1c0500 rgb(28,5,0)
```
#2f0900
```
#2f0900 rgb(47,9,0)
```
#430d00
```
#430d00 rgb(67,13,0)
```
#571000
```
#571000 rgb(87,16,0)
```
#6a1400
```
#6a1400 rgb(106,20,0)
```
#7e1800
```
#7e1800 rgb(126,24,0)
```
#921b00
```
#921b00 rgb(146,27,0)
```
#a51f00
```
#a51f00 rgb(165,31,0)
```
#b92300
```
#b92300 rgb(185,35,0)
```
#cc2600
```
#cc2600 rgb(204,38,0)
```
#e02a00
```
#e02a00 rgb(224,42,0)
```
#f42e00
```
#f42e00 rgb(244,46,0)
```

Shade Color Variation

#ff3708
```
#ff3708 rgb(255,55,8)
```
#ff461c
```
#ff461c rgb(255,70,28)
```
#ff562f
```
#ff562f rgb(255,86,47)
```
#ff6643
```
#ff6643 rgb(255,102,67)
```
#ff7657
```
#ff7657 rgb(255,118,87)
```
#ff866a
```
#ff866a rgb(255,134,106)
```
#ff967e
```
#ff967e rgb(255,150,126)
```
#ffa692
```
#ffa692 rgb(255,166,146)
```
#ffb6a5
```
#ffb6a5 rgb(255,182,165)
```
#ffc6b9
```
#ffc6b9 rgb(255,198,185)
```
#ffd6cc
```
#ffd6cc rgb(255,214,204)
```
#ffe6e0
```
#ffe6e0 rgb(255,230,224)
```
#fff6f4
```
#fff6f4 rgb(255,246,244)
```

Tint Color Variation

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

#796b67
```
#796b67 rgb(121,107,103)
```
#81655f
```
#81655f rgb(129,101,95)
```
#8a6056
```
#8a6056 rgb(138,96,86)
```
#925a4e
```
#925a4e rgb(146,90,78)
```
#9b5545
```
#9b5545 rgb(155,85,69)
```
#a4503c
```
#a4503c rgb(164,80,60)
```
#ac4a34
```
#ac4a34 rgb(172,74,52)
```
#b5452b
```
#b5452b rgb(181,69,43)
```
#be4022
```
#be4022 rgb(190,64,34)
```
#c63a1a
```
#c63a1a rgb(198,58,26)
```
#cf3511
```
#cf3511 rgb(207,53,17)
```
#d72f09
```
#d72f09 rgb(215,47,9)
```
#e02a00
```
#e02a00 rgb(224,42,0)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#76524a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a7b1d Protanopia 1% of men
#9a7500 Deuteranopia 1% of men
#e23231 Tritanopia 0.001% of the population

Trichromacy

#a95d12 Protanomaly 1% of men, 0.01% of women
#b35a00 Deuteranomaly 6% of men, 0.4% of women
#e12f1f Tritanomaly 0.01% of the population

#e02a00 hex color

#e02a00 Color Information

#e02a00 Color Conversion

Color Schemes with #e02a00

Alternatives to #e02a00

#e02a00 Preview

Shades and Tints of #e02a00

Tones of #e02a00

Color Blindness Simulator