#ea2a30 hex color

In a RGB color space, hex #ea2a30 is composed of 91.8% red, 16.5% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.1% magenta, 79.5% yellow and 8.2% black. It has a hue angle of 358.1 degrees, a saturation of 82.1% and a lightness of 54.1%. #ea2a30 color hex could be obtained by blending #ff5460 with #d50000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 92
- G 16
- B 19
RGB color chart
- C 0
- M 82
- Y 79
- K 8
CMYK color chart

● #ea2a30 color description : Bright red.

The hexadecimal color #ea2a30 has RGB values of R:234, G:42, B:48 and CMYK values of C:0, M:0.82, Y:0.79, K:0.08. Its decimal value is 15346224.

Hex triplet	ea2a30	`#ea2a30`
RGB Decimal	234, 42, 48	`rgb(234,42,48)`
RGB Percent	91.8, 16.5, 18.8	`rgb(91.8%,16.5%,18.8%)`
CMYK	0, 82, 79, 8
HSL	358.1°, 82.1, 54.1	`hsl(358.1,82.1%,54.1%)`
HSV (or HSB)	358.1°, 82.1, 91.8
Web Safe	ff3333	`#ff3333`

CIE-LAB	51.113, 70.106, 45.675
XYZ	35.295, 19.366, 4.676
xyY	0.595, 0.326, 19.366
CIE-LCH	51.113, 83.672, 33.084
CIE-LUV	51.113, 144.602, 29.62
Hunter-Lab	44.007, 66.15, 24.505
Binary	11101010, 00101010, 00110000

#ea2a30
```
#ea2a30 rgb(234,42,48)
```
#2aeae4
```
#2aeae4 rgb(42,234,228)
```

Complementary Color

#ea2a90
```
#ea2a90 rgb(234,42,144)
```
#ea2a30
```
#ea2a30 rgb(234,42,48)
```
#ea842a
```
#ea842a rgb(234,132,42)
```

Analogous Color

#2a90ea
```
#2a90ea rgb(42,144,234)
```
#ea2a30
```
#ea2a30 rgb(234,42,48)
```
#2aea84
```
#2aea84 rgb(42,234,132)
```

Split Complementary Color

#2a30ea
```
#2a30ea rgb(42,48,234)
```
#ea2a30
```
#ea2a30 rgb(234,42,48)
```
#30ea2a
```
#30ea2a rgb(48,234,42)
```

Triadic Color

#e42aea
```
#e42aea rgb(228,42,234)
```
#ea2a30
```
#ea2a30 rgb(234,42,48)
```
#30ea2a
```
#30ea2a rgb(48,234,42)
```
#2aeae4
```
#2aeae4 rgb(42,234,228)
```

Tetradic Color

#b61217
```
#b61217 rgb(182,18,23)
```
#cd141a
```
#cd141a rgb(205,20,26)
```
#e4161d
```
#e4161d rgb(228,22,29)
```
#ea2a30
```
#ea2a30 rgb(234,42,48)
```
#ec4147
```
#ec4147 rgb(236,65,71)
```
#ef585d
```
#ef585d rgb(239,88,93)
```
#f17074
```
#f17074 rgb(241,112,116)
```

Monochromatic Color

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

#ea2a60
```
#ea2a60 rgb(234,42,96)
```
#ea2a50
```
#ea2a50 rgb(234,42,80)
```
#ea2a40
```
#ea2a40 rgb(234,42,64)
```
#ea2a30
```
#ea2a30 rgb(234,42,48)
```
#ea342a
```
#ea342a rgb(234,52,42)
```
#ea442a
```
#ea442a rgb(234,68,42)
```
#ea542a
```
#ea542a rgb(234,84,42)
```

Similar Colors

Text with hexadecimal color #ea2a30

This text has a font color of #ea2a30.

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

#ea2a30 background color

This paragraph has a background color of #ea2a30.

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

#ea2a30 border color

This element has a border color of #ea2a30.

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

CSS codes

.text {color:#ea2a30;}

.background {background-color:#ea2a30;}

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

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 #fdeeef is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#130202
```
#130202 rgb(19,2,2)
```
#250405
```
#250405 rgb(37,4,5)
```
#370507
```
#370507 rgb(55,5,7)
```
#490709
```
#490709 rgb(73,7,9)
```
#5b090b
```
#5b090b rgb(91,9,11)
```
#6c0b0e
```
#6c0b0e rgb(108,11,14)
```
#7e0c10
```
#7e0c10 rgb(126,12,16)
```
#900e12
```
#900e12 rgb(144,14,18)
```
#a21015
```
#a21015 rgb(162,16,21)
```
#b41217
```
#b41217 rgb(180,18,23)
```
#c61319
```
#c61319 rgb(198,19,25)
```
#d8151b
```
#d8151b rgb(216,21,27)
```

Shade Color Variation

#e8181f
```
#e8181f rgb(232,24,31)
```
#ea2a30
```
#ea2a30 rgb(234,42,48)
```
#ec3c41
```
#ec3c41 rgb(236,60,65)
```
#ee4e53
```
#ee4e53 rgb(238,78,83)
```
#ef6064
```
#ef6064 rgb(239,96,100)
```
#f17175
```
#f17175 rgb(241,113,117)
```
#f38387
```
#f38387 rgb(243,131,135)
```
#f59598
```
#f59598 rgb(245,149,152)
```
#f6a7a9
```
#f6a7a9 rgb(246,167,169)
```
#f8b9bb
```
#f8b9bb rgb(248,185,187)
```
#facbcc
```
#facbcc rgb(250,203,204)
```
#fcddde
```
#fcddde rgb(252,221,222)
```
#fdeeef
```
#fdeeef rgb(253,238,239)
```

Tint Color Variation

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

#908484
```
#908484 rgb(144,132,132)
```
#997b7c
```
#997b7c rgb(153,123,124)
```
#a27274
```
#a27274 rgb(162,114,116)
```
#ab696b
```
#ab696b rgb(171,105,107)
```
#b46063
```
#b46063 rgb(180,96,99)
```
#bd575a
```
#bd575a rgb(189,87,90)
```
#c64e52
```
#c64e52 rgb(198,78,82)
```
#cf4549
```
#cf4549 rgb(207,69,73)
```
#d83c41
```
#d83c41 rgb(216,60,65)
```
#e13338
```
#e13338 rgb(225,51,56)
```
#ea2a30
```
#ea2a30 rgb(234,42,48)
```
#f32128
```
#f32128 rgb(243,33,40)
```
#fc181f
```
#fc181f rgb(252,24,31)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#7f585a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c804e Protanopia 1% of men
#9f7a2a Deuteranopia 1% of men
#ea3535 Tritanopia 0.001% of the population

Trichromacy

#ae6143 Protanomaly 1% of men, 0.01% of women
#ba5d2c Deuteranomaly 6% of men, 0.4% of women
#ea3133 Tritanomaly 0.01% of the population

#ea2a30 hex color

#ea2a30 Color Information

#ea2a30 Color Conversion

Color Schemes with #ea2a30

Alternatives to #ea2a30

#ea2a30 Preview

Shades and Tints of #ea2a30

Tones of #ea2a30

Color Blindness Simulator