#ed5150 hex color

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

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

● #ed5150 color description : Soft red.

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

Hex triplet	ed5150	`#ed5150`
RGB Decimal	237, 81, 80	`rgb(237,81,80)`
RGB Percent	92.9, 31.8, 31.4	`rgb(92.9%,31.8%,31.4%)`
CMYK	0, 66, 66, 7
HSL	0.4°, 81.3, 62.2	`hsl(0.4,81.3%,62.2%)`
HSV (or HSB)	0.4°, 66.2, 92.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	56.558, 59.799, 34.142
XYZ	39.317, 24.473, 10.242
xyY	0.531, 0.331, 24.473
CIE-LCH	56.558, 68.859, 29.724
CIE-LUV	56.558, 119.059, 26.119
Hunter-Lab	49.47, 55.293, 22.353
Binary	11101101, 01010001, 01010000

#ed5150
```
#ed5150 rgb(237,81,80)
```
#50eced
```
#50eced rgb(80,236,237)
```

Complementary Color

#ed509e
```
#ed509e rgb(237,80,158)
```
#ed5150
```
#ed5150 rgb(237,81,80)
```
#eda050
```
#eda050 rgb(237,160,80)
```

Analogous Color

#509eed
```
#509eed rgb(80,158,237)
```
#ed5150
```
#ed5150 rgb(237,81,80)
```
#50eda0
```
#50eda0 rgb(80,237,160)
```

Split Complementary Color

#5150ed
```
#5150ed rgb(81,80,237)
```
#ed5150
```
#ed5150 rgb(237,81,80)
```
#50ed51
```
#50ed51 rgb(80,237,81)
```

Triadic Color

#ed50ec
```
#ed50ec rgb(237,80,236)
```
#ed5150
```
#ed5150 rgb(237,81,80)
```
#50ed51
```
#50ed51 rgb(80,237,81)
```
#50eced
```
#50eced rgb(80,236,237)
```

Tetradic Color

#da1816
```
#da1816 rgb(218,24,22)
```
#e82322
```
#e82322 rgb(232,35,34)
```
#eb3a39
```
#eb3a39 rgb(235,58,57)
```
#ed5150
```
#ed5150 rgb(237,81,80)
```
#ef6867
```
#ef6867 rgb(239,104,103)
```
#f27f7e
```
#f27f7e rgb(242,127,126)
```
#f49695
```
#f49695 rgb(244,150,149)
```

Monochromatic Color

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

#ed5076
```
#ed5076 rgb(237,80,118)
```
#ed5069
```
#ed5069 rgb(237,80,105)
```
#ed505c
```
#ed505c rgb(237,80,92)
```
#ed5150
```
#ed5150 rgb(237,81,80)
```
#ed5e50
```
#ed5e50 rgb(237,94,80)
```
#ed6b50
```
#ed6b50 rgb(237,107,80)
```
#ed7850
```
#ed7850 rgb(237,120,80)
```

Similar Colors

Text with hexadecimal color #ed5150

This text has a font color of #ed5150.

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

#ed5150 background color

This paragraph has a background color of #ed5150.

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

#ed5150 border color

This element has a border color of #ed5150.

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

CSS codes

.text {color:#ed5150;}

.background {background-color:#ed5150;}

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

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

#030000
```
#030000 rgb(3,0,0)
```
#150202
```
#150202 rgb(21,2,2)
```
#260404
```
#260404 rgb(38,4,4)
```
#380606
```
#380606 rgb(56,6,6)
```
#4a0808
```
#4a0808 rgb(74,8,8)
```
#5c0a09
```
#5c0a09 rgb(92,10,9)
```
#6e0c0b
```
#6e0c0b rgb(110,12,11)
```
#7f0e0d
```
#7f0e0d rgb(127,14,13)
```
#91100f
```
#91100f rgb(145,16,15)
```
#a31211
```
#a31211 rgb(163,18,17)
```
#b51413
```
#b51413 rgb(181,20,19)
```
#c71614
```
#c71614 rgb(199,22,20)
```
#d81716
```
#d81716 rgb(216,23,22)
```

Shade Color Variation

#e81c1b
```
#e81c1b rgb(232,28,27)
```
#e92e2c
```
#e92e2c rgb(233,46,44)
```
#eb3f3e
```
#eb3f3e rgb(235,63,62)
```
#ed5150
```
#ed5150 rgb(237,81,80)
```
#ef6362
```
#ef6362 rgb(239,99,98)
```
#f17474
```
#f17474 rgb(241,116,116)
```
#f28685
```
#f28685 rgb(242,134,133)
```
#f49897
```
#f49897 rgb(244,152,151)
```
#f6a9a9
```
#f6a9a9 rgb(246,169,169)
```
#f8bbbb
```
#f8bbbb rgb(248,187,187)
```
#facdcd
```
#facdcd rgb(250,205,205)
```
#fcdede
```
#fcdede rgb(252,222,222)
```
#fdf0f0
```
#fdf0f0 rgb(253,240,240)
```

Tint Color Variation

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

#a39a9a
```
#a39a9a rgb(163,154,154)
```
#aa9393
```
#aa9393 rgb(170,147,147)
```
#b28c8b
```
#b28c8b rgb(178,140,139)
```
#b98484
```
#b98484 rgb(185,132,132)
```
#c07d7d
```
#c07d7d rgb(192,125,125)
```
#c87675
```
#c87675 rgb(200,118,117)
```
#cf6e6e
```
#cf6e6e rgb(207,110,110)
```
#d76766
```
#d76766 rgb(215,103,102)
```
#de605f
```
#de605f rgb(222,96,95)
```
#e65857
```
#e65857 rgb(230,88,87)
```
#ed5150
```
#ed5150 rgb(237,81,80)
```
#f44a49
```
#f44a49 rgb(244,74,73)
```
#fc4241
```
#fc4241 rgb(252,66,65)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#967776 Atypical Achromatopsia 0.001% of the population

Dichromacy

#978d6b Protanopia 1% of men
#ac874e Deuteranopia 1% of men
#ee595d Tritanopia 0.001% of the population

Trichromacy

#b67761 Protanomaly 1% of men, 0.01% of women
#c3734f Deuteranomaly 6% of men, 0.4% of women
#ed5658 Tritanomaly 0.01% of the population

#ed5150 hex color

#ed5150 Color Information

#ed5150 Color Conversion

Color Schemes with #ed5150

Alternatives to #ed5150

#ed5150 Preview

Shades and Tints of #ed5150

Tones of #ed5150

Color Blindness Simulator