#ed2a55 hex color

In a RGB color space, hex #ed2a55 is composed of 92.9% red, 16.5% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.3% magenta, 64.1% yellow and 7.1% black. It has a hue angle of 346.8 degrees, a saturation of 84.4% and a lightness of 54.7%. #ed2a55 color hex could be obtained by blending #ff54aa with #db0000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 93
- G 16
- B 33
RGB color chart
- C 0
- M 82
- Y 64
- K 7
CMYK color chart

● #ed2a55 color description : Bright red.

The hexadecimal color #ed2a55 has RGB values of R:237, G:42, B:85 and CMYK values of C:0, M:0.82, Y:0.64, K:0.07. Its decimal value is 15542869.

Hex triplet	ed2a55	`#ed2a55`
RGB Decimal	237, 42, 85	`rgb(237,42,85)`
RGB Percent	92.9, 16.5, 33.3	`rgb(92.9%,16.5%,33.3%)`
CMYK	0, 82, 64, 7
HSL	346.8°, 84.4, 54.7	`hsl(346.8,84.4%,54.7%)`
HSV (or HSB)	346.8°, 82.3, 92.9
Web Safe	ff3366	`#ff3366`

CIE-LAB	52.198, 72.418, 25.731
XYZ	37.394, 20.321, 10.547
xyY	0.548, 0.298, 20.321
CIE-LCH	52.198, 76.853, 19.561
CIE-LUV	52.198, 137.25, 14.159
Hunter-Lab	45.079, 69.185, 17.683
Binary	11101101, 00101010, 01010101

#ed2a55
```
#ed2a55 rgb(237,42,85)
```
#2aedc2
```
#2aedc2 rgb(42,237,194)
```

Complementary Color

#ed2ab7
```
#ed2ab7 rgb(237,42,183)
```
#ed2a55
```
#ed2a55 rgb(237,42,85)
```
#ed602a
```
#ed602a rgb(237,96,42)
```

Analogous Color

#2ab7ed
```
#2ab7ed rgb(42,183,237)
```
#ed2a55
```
#ed2a55 rgb(237,42,85)
```
#2aed60
```
#2aed60 rgb(42,237,96)
```

Split Complementary Color

#2a55ed
```
#2a55ed rgb(42,85,237)
```
#ed2a55
```
#ed2a55 rgb(237,42,85)
```
#55ed2a
```
#55ed2a rgb(85,237,42)
```

Triadic Color

#c22aed
```
#c22aed rgb(194,42,237)
```
#ed2a55
```
#ed2a55 rgb(237,42,85)
```
#55ed2a
```
#55ed2a rgb(85,237,42)
```
#2aedc2
```
#2aedc2 rgb(42,237,194)
```

Tetradic Color

#bb1035
```
#bb1035 rgb(187,16,53)
```
#d2123c
```
#d2123c rgb(210,18,60)
```
#ea1443
```
#ea1443 rgb(234,20,67)
```
#ed2a55
```
#ed2a55 rgb(237,42,85)
```
#ef4268
```
#ef4268 rgb(239,66,104)
```
#f1597b
```
#f1597b rgb(241,89,123)
```
#f3718d
```
#f3718d rgb(243,113,141)
```

Monochromatic Color

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

#ed2a86
```
#ed2a86 rgb(237,42,134)
```
#ed2a76
```
#ed2a76 rgb(237,42,118)
```
#ed2a65
```
#ed2a65 rgb(237,42,101)
```
#ed2a55
```
#ed2a55 rgb(237,42,85)
```
#ed2a45
```
#ed2a45 rgb(237,42,69)
```
#ed2a35
```
#ed2a35 rgb(237,42,53)
```
#ed302a
```
#ed302a rgb(237,48,42)
```

Similar Colors

Text with hexadecimal color #ed2a55

This text has a font color of #ed2a55.

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

#ed2a55 background color

This paragraph has a background color of #ed2a55.

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

#ed2a55 border color

This element has a border color of #ed2a55.

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

CSS codes

.text {color:#ed2a55;}

.background {background-color:#ed2a55;}

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

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

#040001
```
#040001 rgb(4,0,1)
```
#160206
```
#160206 rgb(22,2,6)
```
#28030c
```
#28030c rgb(40,3,12)
```
#3a0511
```
#3a0511 rgb(58,5,17)
```
#4c0616
```
#4c0616 rgb(76,6,22)
```
#5e081b
```
#5e081b rgb(94,8,27)
```
#710a20
```
#710a20 rgb(113,10,32)
```
#830b25
```
#830b25 rgb(131,11,37)
```
#950d2b
```
#950d2b rgb(149,13,43)
```
#a70e30
```
#a70e30 rgb(167,14,48)
```
#b91035
```
#b91035 rgb(185,16,53)
```
#cb113a
```
#cb113a rgb(203,17,58)
```
#dd133f
```
#dd133f rgb(221,19,63)
```

Shade Color Variation

#eb1847
```
#eb1847 rgb(235,24,71)
```
#ed2a55
```
#ed2a55 rgb(237,42,85)
```
#ef3c63
```
#ef3c63 rgb(239,60,99)
```
#f04e72
```
#f04e72 rgb(240,78,114)
```
#f26080
```
#f26080 rgb(242,96,128)
```
#f3728f
```
#f3728f rgb(243,114,143)
```
#f5849d
```
#f5849d rgb(245,132,157)
```
#f697ac
```
#f697ac rgb(246,151,172)
```
#f8a9ba
```
#f8a9ba rgb(248,169,186)
```
#f9bbc8
```
#f9bbc8 rgb(249,187,200)
```
#fbcdd7
```
#fbcdd7 rgb(251,205,215)
```
#fcdfe5
```
#fcdfe5 rgb(252,223,229)
```
#fef1f4
```
#fef1f4 rgb(254,241,244)
```

Tint Color Variation

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

#948387
```
#948387 rgb(148,131,135)
```
#9d7a82
```
#9d7a82 rgb(157,122,130)
```
#a6717d
```
#a6717d rgb(166,113,125)
```
#af6878
```
#af6878 rgb(175,104,120)
```
#b85f73
```
#b85f73 rgb(184,95,115)
```
#c1566e
```
#c1566e rgb(193,86,110)
```
#c94e69
```
#c94e69 rgb(201,78,105)
```
#d24564
```
#d24564 rgb(210,69,100)
```
#db3c5f
```
#db3c5f rgb(219,60,95)
```
#e4335a
```
#e4335a rgb(228,51,90)
```
#ed2a55
```
#ed2a55 rgb(237,42,85)
```
#f62150
```
#f62150 rgb(246,33,80)
```
#ff184b
```
#ff184b rgb(255,24,75)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#835c65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#878279 Protanopia 1% of men
#9e7d51 Deuteranopia 1% of men
#ec3c3d Tritanopia 0.001% of the population

Trichromacy

#ac626c Protanomaly 1% of men, 0.01% of women
#ba5f52 Deuteranomaly 6% of men, 0.4% of women
#ec3546 Tritanomaly 0.01% of the population

#ed2a55 hex color

#ed2a55 Color Information

#ed2a55 Color Conversion

Color Schemes with #ed2a55

Alternatives to #ed2a55

#ed2a55 Preview

Shades and Tints of #ed2a55

Tones of #ed2a55

Color Blindness Simulator