#e30522 hex color

In a RGB color space, hex #e30522 is composed of 89% red, 2% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.8% magenta, 85% yellow and 11% black. It has a hue angle of 352.2 degrees, a saturation of 95.7% and a lightness of 45.5%. #e30522 color hex could be obtained by blending #ff0a44 with #c70000. Closest websafe color is: #cc0033.

♥
- f
- t
- g
- R 89
- G 2
- B 13
RGB color chart
- C 0
- M 98
- Y 85
- K 11
CMYK color chart

● #e30522 color description : Vivid red.

The hexadecimal color #e30522 has RGB values of R:227, G:5, B:34 and CMYK values of C:0, M:0.98, Y:0.85, K:0.11. Its decimal value is 14877986.

Hex triplet	e30522	`#e30522`
RGB Decimal	227, 5, 34	`rgb(227,5,34)`
RGB Percent	89, 2, 13.3	`rgb(89%,2%,13.3%)`
CMYK	0, 98, 85, 11
HSL	352.2°, 95.7, 45.5	`hsl(352.2,95.7%,45.5%)`
HSV (or HSB)	352.2°, 97.8, 89
Web Safe	cc0033	`#cc0033`

CIE-LAB	47.7, 73.352, 49.264
XYZ	32.023, 16.559, 3.023
xyY	0.621, 0.321, 16.559
CIE-LCH	47.7, 88.36, 33.885
CIE-LUV	47.7, 151.708, 28.828
Hunter-Lab	40.693, 69.258, 24.08
Binary	11100011, 00000101, 00100010

#e30522
```
#e30522 rgb(227,5,34)
```
#05e3c6
```
#05e3c6 rgb(5,227,198)
```

Complementary Color

#e30591
```
#e30591 rgb(227,5,145)
```
#e30522
```
#e30522 rgb(227,5,34)
```
#e35705
```
#e35705 rgb(227,87,5)
```

Analogous Color

#0591e3
```
#0591e3 rgb(5,145,227)
```
#e30522
```
#e30522 rgb(227,5,34)
```
#05e357
```
#05e357 rgb(5,227,87)
```

Split Complementary Color

#0522e3
```
#0522e3 rgb(5,34,227)
```
#e30522
```
#e30522 rgb(227,5,34)
```
#22e305
```
#22e305 rgb(34,227,5)
```

Triadic Color

#c605e3
```
#c605e3 rgb(198,5,227)
```
#e30522
```
#e30522 rgb(227,5,34)
```
#22e305
```
#22e305 rgb(34,227,5)
```
#05e3c6
```
#05e3c6 rgb(5,227,198)
```

Tetradic Color

#980317
```
#980317 rgb(152,3,23)
```
#b1041b
```
#b1041b rgb(177,4,27)
```
#ca041e
```
#ca041e rgb(202,4,30)
```
#e30522
```
#e30522 rgb(227,5,34)
```
#fa0828
```
#fa0828 rgb(250,8,40)
```
#fa213d
```
#fa213d rgb(250,33,61)
```
#fb3a53
```
#fb3a53 rgb(251,58,83)
```

Monochromatic Color

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

#e3055a
```
#e3055a rgb(227,5,90)
```
#e30547
```
#e30547 rgb(227,5,71)
```
#e30534
```
#e30534 rgb(227,5,52)
```
#e30522
```
#e30522 rgb(227,5,34)
```
#e30510
```
#e30510 rgb(227,5,16)
```
#e30d05
```
#e30d05 rgb(227,13,5)
```
#e32005
```
#e32005 rgb(227,32,5)
```

Similar Colors

Text with hexadecimal color #e30522

This text has a font color of #e30522.

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

#e30522 background color

This paragraph has a background color of #e30522.

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

#e30522 border color

This element has a border color of #e30522.

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

CSS codes

.text {color:#e30522;}

.background {background-color:#e30522;}

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

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

#100002
```
#100002 rgb(16,0,2)
```
#230105
```
#230105 rgb(35,1,5)
```
#360108
```
#360108 rgb(54,1,8)
```
#49020b
```
#49020b rgb(73,2,11)
```
#5d020e
```
#5d020e rgb(93,2,14)
```
#700211
```
#700211 rgb(112,2,17)
```
#830314
```
#830314 rgb(131,3,20)
```
#960317
```
#960317 rgb(150,3,23)
```
#a90419
```
#a90419 rgb(169,4,25)
```
#bd041c
```
#bd041c rgb(189,4,28)
```
#d0051f
```
#d0051f rgb(208,5,31)
```
#e30522
```
#e30522 rgb(227,5,34)
```
#f60525
```
#f60525 rgb(246,5,37)
```

Shade Color Variation

#fa1533
```
#fa1533 rgb(250,21,51)
```
#fa2944
```
#fa2944 rgb(250,41,68)
```
#fb3c55
```
#fb3c55 rgb(251,60,85)
```
#fb4f65
```
#fb4f65 rgb(251,79,101)
```
#fc6276
```
#fc6276 rgb(252,98,118)
```
#fc7587
```
#fc7587 rgb(252,117,135)
```
#fc8998
```
#fc8998 rgb(252,137,152)
```
#fd9ca8
```
#fd9ca8 rgb(253,156,168)
```
#fdafb9
```
#fdafb9 rgb(253,175,185)
```
#fec2ca
```
#fec2ca rgb(254,194,202)
```
#fed5db
```
#fed5db rgb(254,213,219)
```
#ffe8eb
```
#ffe8eb rgb(255,232,235)
```
#fffcfc
```
#fffcfc rgb(255,252,252)
```

Tint Color Variation

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

#787071
```
#787071 rgb(120,112,113)
```
#81676b
```
#81676b rgb(129,103,107)
```
#8a5e64
```
#8a5e64 rgb(138,94,100)
```
#93555d
```
#93555d rgb(147,85,93)
```
#9c4c57
```
#9c4c57 rgb(156,76,87)
```
#a54350
```
#a54350 rgb(165,67,80)
```
#ad3b4a
```
#ad3b4a rgb(173,59,74)
```
#b63243
```
#b63243 rgb(182,50,67)
```
#bf293c
```
#bf293c rgb(191,41,60)
```
#c82036
```
#c82036 rgb(200,32,54)
```
#d1172f
```
#d1172f rgb(209,23,47)
```
#da0e29
```
#da0e29 rgb(218,14,41)
```
#e30522
```
#e30522 rgb(227,5,34)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#693d43 Atypical Achromatopsia 0.001% of the population

Dichromacy

#847841 Protanopia 1% of men
#967214 Deuteranopia 1% of men
#e4190b Tritanopia 0.001% of the population

Trichromacy

#a64e36 Protanomaly 1% of men, 0.01% of women
#b24a19 Deuteranomaly 6% of men, 0.4% of women
#e31113 Tritanomaly 0.01% of the population

#e30522 hex color

#e30522 Color Information

#e30522 Color Conversion

Color Schemes with #e30522

Alternatives to #e30522

#e30522 Preview

Shades and Tints of #e30522

Tones of #e30522

Color Blindness Simulator