#ec5950 hex color

In a RGB color space, hex #ec5950 is composed of 92.5% red, 34.9% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.3% magenta, 66.1% yellow and 7.5% black. It has a hue angle of 3.5 degrees, a saturation of 80.4% and a lightness of 62%. #ec5950 color hex could be obtained by blending #ffb2a0 with #d90000. Closest websafe color is: #ff6666.

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

● #ec5950 color description : Soft red.

The hexadecimal color #ec5950 has RGB values of R:236, G:89, B:80 and CMYK values of C:0, M:0.62, Y:0.66, K:0.07. Its decimal value is 15489360.

Hex triplet	ec5950	`#ec5950`
RGB Decimal	236, 89, 80	`rgb(236,89,80)`
RGB Percent	92.5, 34.9, 31.4	`rgb(92.5%,34.9%,31.4%)`
CMYK	0, 62, 66, 7
HSL	3.5°, 80.4, 62	`hsl(3.5,80.4%,62%)`
HSV (or HSB)	3.5°, 66.1, 92.5
Web Safe	ff6666	`#ff6666`

CIE-LAB	57.618, 56.166, 35.397
XYZ	39.614, 25.561, 10.437
xyY	0.524, 0.338, 25.561
CIE-LCH	57.618, 66.39, 32.22
CIE-LUV	57.618, 113.045, 28.464
Hunter-Lab	50.558, 51.385, 23.151
Binary	11101100, 01011001, 01010000

#ec5950
```
#ec5950 rgb(236,89,80)
```
#50e3ec
```
#50e3ec rgb(80,227,236)
```

Complementary Color

#ec5095
```
#ec5095 rgb(236,80,149)
```
#ec5950
```
#ec5950 rgb(236,89,80)
```
#eca750
```
#eca750 rgb(236,167,80)
```

Analogous Color

#5095ec
```
#5095ec rgb(80,149,236)
```
#ec5950
```
#ec5950 rgb(236,89,80)
```
#50eca7
```
#50eca7 rgb(80,236,167)
```

Split Complementary Color

#5950ec
```
#5950ec rgb(89,80,236)
```
#ec5950
```
#ec5950 rgb(236,89,80)
```
#50ec59
```
#50ec59 rgb(80,236,89)
```

Triadic Color

#ec50e3
```
#ec50e3 rgb(236,80,227)
```
#ec5950
```
#ec5950 rgb(236,89,80)
```
#50ec59
```
#50ec59 rgb(80,236,89)
```
#50e3ec
```
#50e3ec rgb(80,227,236)
```

Tetradic Color

#d82317
```
#d82317 rgb(216,35,23)
```
#e72d22
```
#e72d22 rgb(231,45,34)
```
#ea4339
```
#ea4339 rgb(234,67,57)
```
#ec5950
```
#ec5950 rgb(236,89,80)
```
#ee6f67
```
#ee6f67 rgb(238,111,103)
```
#f1857e
```
#f1857e rgb(241,133,126)
```
#f39a95
```
#f39a95 rgb(243,154,149)
```

Monochromatic Color

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

#ec506e
```
#ec506e rgb(236,80,110)
```
#ec5061
```
#ec5061 rgb(236,80,97)
```
#ec5054
```
#ec5054 rgb(236,80,84)
```
#ec5950
```
#ec5950 rgb(236,89,80)
```
#ec6650
```
#ec6650 rgb(236,102,80)
```
#ec7350
```
#ec7350 rgb(236,115,80)
```
#ec8050
```
#ec8050 rgb(236,128,80)
```

Similar Colors

Text with hexadecimal color #ec5950

This text has a font color of #ec5950.

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

#ec5950 background color

This paragraph has a background color of #ec5950.

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

#ec5950 border color

This element has a border color of #ec5950.

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

CSS codes

.text {color:#ec5950;}

.background {background-color:#ec5950;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#140302
```
#140302 rgb(20,3,2)
```
#250604
```
#250604 rgb(37,6,4)
```
#370906
```
#370906 rgb(55,9,6)
```
#490c08
```
#490c08 rgb(73,12,8)
```
#5a0e0a
```
#5a0e0a rgb(90,14,10)
```
#6c110c
```
#6c110c rgb(108,17,12)
```
#7e140e
```
#7e140e rgb(126,20,14)
```
#8f1710
```
#8f1710 rgb(143,23,16)
```
#a11a12
```
#a11a12 rgb(161,26,18)
```
#b31d13
```
#b31d13 rgb(179,29,19)
```
#c51f15
```
#c51f15 rgb(197,31,21)
```
#d62217
```
#d62217 rgb(214,34,23)
```

Shade Color Variation

#e6271b
```
#e6271b rgb(230,39,27)
```
#e8372d
```
#e8372d rgb(232,55,45)
```
#ea483e
```
#ea483e rgb(234,72,62)
```
#ec5950
```
#ec5950 rgb(236,89,80)
```
#ee6a62
```
#ee6a62 rgb(238,106,98)
```
#f07b73
```
#f07b73 rgb(240,123,115)
```
#f28b85
```
#f28b85 rgb(242,139,133)
```
#f49c97
```
#f49c97 rgb(244,156,151)
```
#f6ada8
```
#f6ada8 rgb(246,173,168)
```
#f8beba
```
#f8beba rgb(248,190,186)
```
#f9cecc
```
#f9cecc rgb(249,206,204)
```
#fbdfde
```
#fbdfde rgb(251,223,222)
```
#fdf0ef
```
#fdf0ef rgb(253,240,239)
```

Tint Color Variation

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

#a19b9b
```
#a19b9b rgb(161,155,155)
```
#a99493
```
#a99493 rgb(169,148,147)
```
#b08e8c
```
#b08e8c rgb(176,142,140)
```
#b88784
```
#b88784 rgb(184,135,132)
```
#bf817d
```
#bf817d rgb(191,129,125)
```
#c77a75
```
#c77a75 rgb(199,122,117)
```
#ce736e
```
#ce736e rgb(206,115,110)
```
#d66d66
```
#d66d66 rgb(214,109,102)
```
#dd665f
```
#dd665f rgb(221,102,95)
```
#e56057
```
#e56057 rgb(229,96,87)
```
#ec5950
```
#ec5950 rgb(236,89,80)
```
#f35249
```
#f35249 rgb(243,82,73)
```
#fb4c41
```
#fb4c41 rgb(251,76,65)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#997b7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b9069 Protanopia 1% of men
#af8a4f Deuteranopia 1% of men
#ed5f65 Tritanopia 0.001% of the population

Trichromacy

#b87c60 Protanomaly 1% of men, 0.01% of women
#c5784f Deuteranomaly 6% of men, 0.4% of women
#ed5d5d Tritanomaly 0.01% of the population

#ec5950 hex color

#ec5950 Color Information

#ec5950 Color Conversion

Color Schemes with #ec5950

Alternatives to #ec5950

#ec5950 Preview

Shades and Tints of #ec5950

Tones of #ec5950

Color Blindness Simulator