#ed4a50 hex color

In a RGB color space, hex #ed4a50 is composed of 92.9% red, 29% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.8% magenta, 66.2% yellow and 7.1% black. It has a hue angle of 357.8 degrees, a saturation of 81.9% and a lightness of 61%. #ed4a50 color hex could be obtained by blending #ff94a0 with #db0000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 93
- G 29
- B 31
RGB color chart
- C 0
- M 69
- Y 66
- K 7
CMYK color chart

● #ed4a50 color description : Soft red.

The hexadecimal color #ed4a50 has RGB values of R:237, G:74, B:80 and CMYK values of C:0, M:0.69, Y:0.66, K:0.07. Its decimal value is 15551056.

Hex triplet	ed4a50	`#ed4a50`
RGB Decimal	237, 74, 80	`rgb(237,74,80)`
RGB Percent	92.9, 29, 31.4	`rgb(92.9%,29%,31.4%)`
CMYK	0, 69, 66, 7
HSL	357.8°, 81.9, 61	`hsl(357.8,81.9%,61%)`
HSV (or HSB)	357.8°, 68.8, 92.9
Web Safe	ff3366	`#ff3366`

CIE-LAB	55.569, 62.497, 32.926
XYZ	38.823, 23.486, 10.078
xyY	0.536, 0.324, 23.486
CIE-LCH	55.569, 70.64, 27.782
CIE-LUV	55.569, 123.335, 24.074
Hunter-Lab	48.462, 58.19, 21.594
Binary	11101101, 01001010, 01010000

#ed4a50
```
#ed4a50 rgb(237,74,80)
```
#4aede7
```
#4aede7 rgb(74,237,231)
```

Complementary Color

#ed4aa2
```
#ed4aa2 rgb(237,74,162)
```
#ed4a50
```
#ed4a50 rgb(237,74,80)
```
#ed964a
```
#ed964a rgb(237,150,74)
```

Analogous Color

#4aa2ed
```
#4aa2ed rgb(74,162,237)
```
#ed4a50
```
#ed4a50 rgb(237,74,80)
```
#4aed96
```
#4aed96 rgb(74,237,150)
```

Split Complementary Color

#4a50ed
```
#4a50ed rgb(74,80,237)
```
#ed4a50
```
#ed4a50 rgb(237,74,80)
```
#50ed4a
```
#50ed4a rgb(80,237,74)
```

Triadic Color

#e74aed
```
#e74aed rgb(231,74,237)
```
#ed4a50
```
#ed4a50 rgb(237,74,80)
```
#50ed4a
```
#50ed4a rgb(80,237,74)
```
#4aede7
```
#4aede7 rgb(74,237,231)
```

Tetradic Color

#d5151c
```
#d5151c rgb(213,21,28)
```
#e81c23
```
#e81c23 rgb(232,28,35)
```
#eb333a
```
#eb333a rgb(235,51,58)
```
#ed4a50
```
#ed4a50 rgb(237,74,80)
```
#ef6166
```
#ef6166 rgb(239,97,102)
```
#f2787d
```
#f2787d rgb(242,120,125)
```
#f49093
```
#f49093 rgb(244,144,147)
```

Monochromatic Color

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

#ed4a79
```
#ed4a79 rgb(237,74,121)
```
#ed4a6b
```
#ed4a6b rgb(237,74,107)
```
#ed4a5e
```
#ed4a5e rgb(237,74,94)
```
#ed4a50
```
#ed4a50 rgb(237,74,80)
```
#ed524a
```
#ed524a rgb(237,82,74)
```
#ed5f4a
```
#ed5f4a rgb(237,95,74)
```
#ed6d4a
```
#ed6d4a rgb(237,109,74)
```

Similar Colors

Text with hexadecimal color #ed4a50

This text has a font color of #ed4a50.

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

#ed4a50 background color

This paragraph has a background color of #ed4a50.

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

#ed4a50 border color

This element has a border color of #ed4a50.

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

CSS codes

.text {color:#ed4a50;}

.background {background-color:#ed4a50;}

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

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

#0f0202
```
#0f0202 rgb(15,2,2)
```
#210304
```
#210304 rgb(33,3,4)
```
#330507
```
#330507 rgb(51,5,7)
```
#450709
```
#450709 rgb(69,7,9)
```
#57090b
```
#57090b rgb(87,9,11)
```
#680a0e
```
#680a0e rgb(104,10,14)
```
#7a0c10
```
#7a0c10 rgb(122,12,16)
```
#8c0e13
```
#8c0e13 rgb(140,14,19)
```
#9e1015
```
#9e1015 rgb(158,16,21)
```
#b01117
```
#b01117 rgb(176,17,23)
```
#c2131a
```
#c2131a rgb(194,19,26)
```
#d4151c
```
#d4151c rgb(212,21,28)
```
#e5171e
```
#e5171e rgb(229,23,30)
```

Shade Color Variation

#e9262e
```
#e9262e rgb(233,38,46)
```
#eb383f
```
#eb383f rgb(235,56,63)
```
#ed4a50
```
#ed4a50 rgb(237,74,80)
```
#ef5c61
```
#ef5c61 rgb(239,92,97)
```
#f16e72
```
#f16e72 rgb(241,110,114)
```
#f28084
```
#f28084 rgb(242,128,132)
```
#f49195
```
#f49195 rgb(244,145,149)
```
#f6a3a6
```
#f6a3a6 rgb(246,163,166)
```
#f8b5b7
```
#f8b5b7 rgb(248,181,183)
```
#f9c7c9
```
#f9c7c9 rgb(249,199,201)
```
#fbd9da
```
#fbd9da rgb(251,217,218)
```
#fdebeb
```
#fdebeb rgb(253,235,235)
```
#fffcfc
```
#fffcfc rgb(255,252,252)
```

Tint Color Variation

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

#a09797
```
#a09797 rgb(160,151,151)
```
#a88f90
```
#a88f90 rgb(168,143,144)
```
#b08789
```
#b08789 rgb(176,135,137)
```
#b78082
```
#b78082 rgb(183,128,130)
```
#bf787b
```
#bf787b rgb(191,120,123)
```
#c77073
```
#c77073 rgb(199,112,115)
```
#ce696c
```
#ce696c rgb(206,105,108)
```
#d66165
```
#d66165 rgb(214,97,101)
```
#de595e
```
#de595e rgb(222,89,94)
```
#e55257
```
#e55257 rgb(229,82,87)
```
#ed4a50
```
#ed4a50 rgb(237,74,80)
```
#f54249
```
#f54249 rgb(245,66,73)
```
#fc3b42
```
#fc3b42 rgb(252,59,66)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#927172 Atypical Achromatopsia 0.001% of the population

Dichromacy

#948b6c Protanopia 1% of men
#a9854e Deuteranopia 1% of men
#ed5357 Tritanopia 0.001% of the population

Trichromacy

#b47362 Protanomaly 1% of men, 0.01% of women
#c16f4e Deuteranomaly 6% of men, 0.4% of women
#ed5054 Tritanomaly 0.01% of the population

#ed4a50 hex color

#ed4a50 Color Information

#ed4a50 Color Conversion

Color Schemes with #ed4a50

Alternatives to #ed4a50

#ed4a50 Preview

Shades and Tints of #ed4a50

Tones of #ed4a50

Color Blindness Simulator