#ed5350 hex color

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

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

● #ed5350 color description : Soft red.

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

Hex triplet	ed5350	`#ed5350`
RGB Decimal	237, 83, 80	`rgb(237,83,80)`
RGB Percent	92.9, 32.5, 31.4	`rgb(92.9%,32.5%,31.4%)`
CMYK	0, 65, 66, 7
HSL	1.1°, 81.3, 62.2	`hsl(1.1,81.3%,62.2%)`
HSV (or HSB)	1.1°, 66.2, 92.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	56.855, 58.995, 34.505
XYZ	39.468, 24.774, 10.293
xyY	0.53, 0.332, 24.774
CIE-LCH	56.855, 68.345, 30.322
CIE-LUV	56.855, 117.789, 26.729
Hunter-Lab	49.774, 54.436, 22.581
Binary	11101101, 01010011, 01010000

#ed5350
```
#ed5350 rgb(237,83,80)
```
#50eaed
```
#50eaed rgb(80,234,237)
```

Complementary Color

#ed509c
```
#ed509c rgb(237,80,156)
```
#ed5350
```
#ed5350 rgb(237,83,80)
```
#eda250
```
#eda250 rgb(237,162,80)
```

Analogous Color

#509ced
```
#509ced rgb(80,156,237)
```
#ed5350
```
#ed5350 rgb(237,83,80)
```
#50eda2
```
#50eda2 rgb(80,237,162)
```

Split Complementary Color

#5350ed
```
#5350ed rgb(83,80,237)
```
#ed5350
```
#ed5350 rgb(237,83,80)
```
#50ed53
```
#50ed53 rgb(80,237,83)
```

Triadic Color

#ed50ea
```
#ed50ea rgb(237,80,234)
```
#ed5350
```
#ed5350 rgb(237,83,80)
```
#50ed53
```
#50ed53 rgb(80,237,83)
```
#50eaed
```
#50eaed rgb(80,234,237)
```

Tetradic Color

#da1a16
```
#da1a16 rgb(218,26,22)
```
#e82622
```
#e82622 rgb(232,38,34)
```
#eb3c39
```
#eb3c39 rgb(235,60,57)
```
#ed5350
```
#ed5350 rgb(237,83,80)
```
#ef6a67
```
#ef6a67 rgb(239,106,103)
```
#f2807e
```
#f2807e rgb(242,128,126)
```
#f49795
```
#f49795 rgb(244,151,149)
```

Monochromatic Color

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

#ed5074
```
#ed5074 rgb(237,80,116)
```
#ed5067
```
#ed5067 rgb(237,80,103)
```
#ed505a
```
#ed505a rgb(237,80,90)
```
#ed5350
```
#ed5350 rgb(237,83,80)
```
#ed6050
```
#ed6050 rgb(237,96,80)
```
#ed6d50
```
#ed6d50 rgb(237,109,80)
```
#ed7a50
```
#ed7a50 rgb(237,122,80)
```

Similar Colors

Text with hexadecimal color #ed5350

This text has a font color of #ed5350.

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

#ed5350 background color

This paragraph has a background color of #ed5350.

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

#ed5350 border color

This element has a border color of #ed5350.

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

CSS codes

.text {color:#ed5350;}

.background {background-color:#ed5350;}

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

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)
```
#260504
```
#260504 rgb(38,5,4)
```
#380706
```
#380706 rgb(56,7,6)
```
#4a0908
```
#4a0908 rgb(74,9,8)
```
#5c0b09
```
#5c0b09 rgb(92,11,9)
```
#6e0d0b
```
#6e0d0b rgb(110,13,11)
```
#7f0f0d
```
#7f0f0d rgb(127,15,13)
```
#91110f
```
#91110f rgb(145,17,15)
```
#a31411
```
#a31411 rgb(163,20,17)
```
#b51613
```
#b51613 rgb(181,22,19)
```
#c71814
```
#c71814 rgb(199,24,20)
```
#d81a16
```
#d81a16 rgb(216,26,22)
```

Shade Color Variation

#e81f1b
```
#e81f1b rgb(232,31,27)
```
#e9302c
```
#e9302c rgb(233,48,44)
```
#eb423e
```
#eb423e rgb(235,66,62)
```
#ed5350
```
#ed5350 rgb(237,83,80)
```
#ef6462
```
#ef6462 rgb(239,100,98)
```
#f17674
```
#f17674 rgb(241,118,116)
```
#f28785
```
#f28785 rgb(242,135,133)
```
#f49997
```
#f49997 rgb(244,153,151)
```
#f6aaa9
```
#f6aaa9 rgb(246,170,169)
```
#f8bcbb
```
#f8bcbb rgb(248,188,187)
```
#facdcd
```
#facdcd rgb(250,205,205)
```
#fcdfde
```
#fcdfde rgb(252,223,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 #fc4541 is the most saturated one.

#a39a9a
```
#a39a9a rgb(163,154,154)
```
#aa9393
```
#aa9393 rgb(170,147,147)
```
#b28c8b
```
#b28c8b rgb(178,140,139)
```
#b98584
```
#b98584 rgb(185,133,132)
```
#c07e7d
```
#c07e7d rgb(192,126,125)
```
#c87775
```
#c87775 rgb(200,119,117)
```
#cf706e
```
#cf706e rgb(207,112,110)
```
#d76866
```
#d76866 rgb(215,104,102)
```
#de615f
```
#de615f rgb(222,97,95)
```
#e65a57
```
#e65a57 rgb(230,90,87)
```
#ed5350
```
#ed5350 rgb(237,83,80)
```
#f44c49
```
#f44c49 rgb(244,76,73)
```
#fc4541
```
#fc4541 rgb(252,69,65)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#977877 Atypical Achromatopsia 0.001% of the population

Dichromacy

#988e6a Protanopia 1% of men
#ad884f Deuteranopia 1% of men
#ee5a5f Tritanopia 0.001% of the population

Trichromacy

#b77861 Protanomaly 1% of men, 0.01% of women
#c4744f Deuteranomaly 6% of men, 0.4% of women
#ed585a Tritanomaly 0.01% of the population

#ed5350 hex color

#ed5350 Color Information

#ed5350 Color Conversion

Color Schemes with #ed5350

Alternatives to #ed5350

#ed5350 Preview

Shades and Tints of #ed5350

Tones of #ed5350

Color Blindness Simulator