#ed5f50 hex color

In a RGB color space, hex #ed5f50 is composed of 92.9% red, 37.3% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.9% magenta, 66.2% yellow and 7.1% black. It has a hue angle of 5.7 degrees, a saturation of 81.3% and a lightness of 62.2%. #ed5f50 color hex could be obtained by blending #ffbea0 with #db0000. Closest websafe color is: #ff6666.

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

● #ed5f50 color description : Soft red.

The hexadecimal color #ed5f50 has RGB values of R:237, G:95, B:80 and CMYK values of C:0, M:0.6, Y:0.66, K:0.07. Its decimal value is 15556432.

Hex triplet	ed5f50	`#ed5f50`
RGB Decimal	237, 95, 80	`rgb(237,95,80)`
RGB Percent	92.9, 37.3, 31.4	`rgb(92.9%,37.3%,31.4%)`
CMYK	0, 60, 66, 7
HSL	5.7°, 81.3, 62.2	`hsl(5.7,81.3%,62.2%)`
HSV (or HSB)	5.7°, 66.2, 92.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	58.763, 53.892, 36.822
XYZ	40.467, 26.772, 10.626
xyY	0.52, 0.344, 26.772
CIE-LCH	58.763, 65.271, 34.343
CIE-LUV	58.763, 109.778, 30.614
Hunter-Lab	51.742, 49.054, 24.044
Binary	11101101, 01011111, 01010000

#ed5f50
```
#ed5f50 rgb(237,95,80)
```
#50deed
```
#50deed rgb(80,222,237)
```

Complementary Color

#ed5090
```
#ed5090 rgb(237,80,144)
```
#ed5f50
```
#ed5f50 rgb(237,95,80)
```
#edae50
```
#edae50 rgb(237,174,80)
```

Analogous Color

#5090ed
```
#5090ed rgb(80,144,237)
```
#ed5f50
```
#ed5f50 rgb(237,95,80)
```
#50edae
```
#50edae rgb(80,237,174)
```

Split Complementary Color

#5f50ed
```
#5f50ed rgb(95,80,237)
```
#ed5f50
```
#ed5f50 rgb(237,95,80)
```
#50ed5f
```
#50ed5f rgb(80,237,95)
```

Triadic Color

#ed50de
```
#ed50de rgb(237,80,222)
```
#ed5f50
```
#ed5f50 rgb(237,95,80)
```
#50ed5f
```
#50ed5f rgb(80,237,95)
```
#50deed
```
#50deed rgb(80,222,237)
```

Tetradic Color

#da2916
```
#da2916 rgb(218,41,22)
```
#e83522
```
#e83522 rgb(232,53,34)
```
#eb4a39
```
#eb4a39 rgb(235,74,57)
```
#ed5f50
```
#ed5f50 rgb(237,95,80)
```
#ef7467
```
#ef7467 rgb(239,116,103)
```
#f2897e
```
#f2897e rgb(242,137,126)
```
#f49e95
```
#f49e95 rgb(244,158,149)
```

Monochromatic Color

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

#ed5068
```
#ed5068 rgb(237,80,104)
```
#ed505b
```
#ed505b rgb(237,80,91)
```
#ed5250
```
#ed5250 rgb(237,82,80)
```
#ed5f50
```
#ed5f50 rgb(237,95,80)
```
#ed6c50
```
#ed6c50 rgb(237,108,80)
```
#ed7950
```
#ed7950 rgb(237,121,80)
```
#ed8650
```
#ed8650 rgb(237,134,80)
```

Similar Colors

Text with hexadecimal color #ed5f50

This text has a font color of #ed5f50.

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

#ed5f50 background color

This paragraph has a background color of #ed5f50.

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

#ed5f50 border color

This element has a border color of #ed5f50.

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

CSS codes

.text {color:#ed5f50;}

.background {background-color:#ed5f50;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#150402
```
#150402 rgb(21,4,2)
```
#260704
```
#260704 rgb(38,7,4)
```
#380b06
```
#380b06 rgb(56,11,6)
```
#4a0e08
```
#4a0e08 rgb(74,14,8)
```
#5c1109
```
#5c1109 rgb(92,17,9)
```
#6e150b
```
#6e150b rgb(110,21,11)
```
#7f180d
```
#7f180d rgb(127,24,13)
```
#911b0f
```
#911b0f rgb(145,27,15)
```
#a31f11
```
#a31f11 rgb(163,31,17)
```
#b52213
```
#b52213 rgb(181,34,19)
```
#c72514
```
#c72514 rgb(199,37,20)
```
#d82916
```
#d82916 rgb(216,41,22)
```

Shade Color Variation

#e82e1b
```
#e82e1b rgb(232,46,27)
```
#e93e2c
```
#e93e2c rgb(233,62,44)
```
#eb4f3e
```
#eb4f3e rgb(235,79,62)
```
#ed5f50
```
#ed5f50 rgb(237,95,80)
```
#ef6f62
```
#ef6f62 rgb(239,111,98)
```
#f18074
```
#f18074 rgb(241,128,116)
```
#f29085
```
#f29085 rgb(242,144,133)
```
#f4a097
```
#f4a097 rgb(244,160,151)
```
#f6b0a9
```
#f6b0a9 rgb(246,176,169)
```
#f8c1bb
```
#f8c1bb rgb(248,193,187)
```
#fad1cd
```
#fad1cd rgb(250,209,205)
```
#fce1de
```
#fce1de rgb(252,225,222)
```
#fdf1f0
```
#fdf1f0 rgb(253,241,240)
```

Tint Color Variation

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

#a39b9a
```
#a39b9a rgb(163,155,154)
```
#aa9593
```
#aa9593 rgb(170,149,147)
```
#b28f8b
```
#b28f8b rgb(178,143,139)
```
#b98984
```
#b98984 rgb(185,137,132)
```
#c0837d
```
#c0837d rgb(192,131,125)
```
#c87d75
```
#c87d75 rgb(200,125,117)
```
#cf776e
```
#cf776e rgb(207,119,110)
```
#d77166
```
#d77166 rgb(215,113,102)
```
#de6b5f
```
#de6b5f rgb(222,107,95)
```
#e66557
```
#e66557 rgb(230,101,87)
```
#ed5f50
```
#ed5f50 rgb(237,95,80)
```
#f45949
```
#f45949 rgb(244,89,73)
```
#fc5341
```
#fc5341 rgb(252,83,65)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#9c807d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9368 Protanopia 1% of men
#b38c50 Deuteranopia 1% of men
#ee646a Tritanopia 0.001% of the population

Trichromacy

#bb805f Protanomaly 1% of men, 0.01% of women
#c87c50 Deuteranomaly 6% of men, 0.4% of women
#ee6260 Tritanomaly 0.01% of the population

#ed5f50 hex color

#ed5f50 Color Information

#ed5f50 Color Conversion

Color Schemes with #ed5f50

Alternatives to #ed5f50

#ed5f50 Preview

Shades and Tints of #ed5f50

Tones of #ed5f50

Color Blindness Simulator