#ec5150 hex color

In a RGB color space, hex #ec5150 is composed of 92.5% red, 31.8% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.7% magenta, 66.1% yellow and 7.5% black. It has a hue angle of 0.4 degrees, a saturation of 80.4% and a lightness of 62%. #ec5150 color hex could be obtained by blending #ffa2a0 with #d90000. 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

● #ec5150 color description : Soft red.

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

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

CIE-LAB	56.388, 59.477, 33.895
XYZ	38.984, 24.301, 10.227
xyY	0.53, 0.331, 24.301
CIE-LCH	56.388, 68.457, 29.678
CIE-LUV	56.388, 118.247, 25.945
Hunter-Lab	49.296, 54.892, 22.207
Binary	11101100, 01010001, 01010000

#ec5150
```
#ec5150 rgb(236,81,80)
```
#50ebec
```
#50ebec rgb(80,235,236)
```

Complementary Color

#ec509d
```
#ec509d rgb(236,80,157)
```
#ec5150
```
#ec5150 rgb(236,81,80)
```
#ec9f50
```
#ec9f50 rgb(236,159,80)
```

Analogous Color

#509dec
```
#509dec rgb(80,157,236)
```
#ec5150
```
#ec5150 rgb(236,81,80)
```
#50ec9f
```
#50ec9f rgb(80,236,159)
```

Split Complementary Color

#5150ec
```
#5150ec rgb(81,80,236)
```
#ec5150
```
#ec5150 rgb(236,81,80)
```
#50ec51
```
#50ec51 rgb(80,236,81)
```

Triadic Color

#ec50eb
```
#ec50eb rgb(236,80,235)
```
#ec5150
```
#ec5150 rgb(236,81,80)
```
#50ec51
```
#50ec51 rgb(80,236,81)
```
#50ebec
```
#50ebec rgb(80,235,236)
```

Tetradic Color

#d81917
```
#d81917 rgb(216,25,23)
```
#e72322
```
#e72322 rgb(231,35,34)
```
#ea3a39
```
#ea3a39 rgb(234,58,57)
```
#ec5150
```
#ec5150 rgb(236,81,80)
```
#ee6867
```
#ee6867 rgb(238,104,103)
```
#f17f7e
```
#f17f7e rgb(241,127,126)
```
#f39695
```
#f39695 rgb(243,150,149)
```

Monochromatic Color

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

#ec5076
```
#ec5076 rgb(236,80,118)
```
#ec5069
```
#ec5069 rgb(236,80,105)
```
#ec505c
```
#ec505c rgb(236,80,92)
```
#ec5150
```
#ec5150 rgb(236,81,80)
```
#ec5e50
```
#ec5e50 rgb(236,94,80)
```
#ec6b50
```
#ec6b50 rgb(236,107,80)
```
#ec7850
```
#ec7850 rgb(236,120,80)
```

Similar Colors

Text with hexadecimal color #ec5150

This text has a font color of #ec5150.

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

#ec5150 background color

This paragraph has a background color of #ec5150.

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

#ec5150 border color

This element has a border color of #ec5150.

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

CSS codes

.text {color:#ec5150;}

.background {background-color:#ec5150;}

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

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 #fdefef is the lightest one.

#020000
```
#020000 rgb(2,0,0)
```
#140202
```
#140202 rgb(20,2,2)
```
#250404
```
#250404 rgb(37,4,4)
```
#370606
```
#370606 rgb(55,6,6)
```
#490808
```
#490808 rgb(73,8,8)
```
#5a0a0a
```
#5a0a0a rgb(90,10,10)
```
#6c0c0c
```
#6c0c0c rgb(108,12,12)
```
#7e0e0e
```
#7e0e0e rgb(126,14,14)
```
#8f1010
```
#8f1010 rgb(143,16,16)
```
#a11212
```
#a11212 rgb(161,18,18)
```
#b31413
```
#b31413 rgb(179,20,19)
```
#c51615
```
#c51615 rgb(197,22,21)
```
#d61817
```
#d61817 rgb(214,24,23)
```

Shade Color Variation

#e61c1b
```
#e61c1b rgb(230,28,27)
```
#e82e2d
```
#e82e2d rgb(232,46,45)
```
#ea3f3e
```
#ea3f3e rgb(234,63,62)
```
#ec5150
```
#ec5150 rgb(236,81,80)
```
#ee6362
```
#ee6362 rgb(238,99,98)
```
#f07473
```
#f07473 rgb(240,116,115)
```
#f28685
```
#f28685 rgb(242,134,133)
```
#f49797
```
#f49797 rgb(244,151,151)
```
#f6a9a8
```
#f6a9a8 rgb(246,169,168)
```
#f8bbba
```
#f8bbba rgb(248,187,186)
```
#f9cccc
```
#f9cccc rgb(249,204,204)
```
#fbdede
```
#fbdede rgb(251,222,222)
```
#fdefef
```
#fdefef rgb(253,239,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 #fb4241 is the most saturated one.

#a19b9b
```
#a19b9b rgb(161,155,155)
```
#a99393
```
#a99393 rgb(169,147,147)
```
#b08c8c
```
#b08c8c rgb(176,140,140)
```
#b88584
```
#b88584 rgb(184,133,132)
```
#bf7d7d
```
#bf7d7d rgb(191,125,125)
```
#c77675
```
#c77675 rgb(199,118,117)
```
#ce6e6e
```
#ce6e6e rgb(206,110,110)
```
#d66766
```
#d66766 rgb(214,103,102)
```
#dd605f
```
#dd605f rgb(221,96,95)
```
#e55857
```
#e55857 rgb(229,88,87)
```
#ec5150
```
#ec5150 rgb(236,81,80)
```
#f34a49
```
#f34a49 rgb(243,74,73)
```
#fb4241
```
#fb4241 rgb(251,66,65)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#957676 Atypical Achromatopsia 0.001% of the population

Dichromacy

#978d6b Protanopia 1% of men
#ab874f Deuteranopia 1% of men
#ed595d 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
#ec5658 Tritanomaly 0.01% of the population

#ec5150 hex color

#ec5150 Color Information

#ec5150 Color Conversion

Color Schemes with #ec5150

Alternatives to #ec5150

#ec5150 Preview

Shades and Tints of #ec5150

Tones of #ec5150

Color Blindness Simulator