#ec505f hex color

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

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

● #ec505f color description : Soft red.

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

Hex triplet	ec505f	`#ec505f`
RGB Decimal	236, 80, 95	`rgb(236,80,95)`
RGB Percent	92.5, 31.4, 37.3	`rgb(92.5%,31.4%,37.3%)`
CMYK	0, 66, 60, 7
HSL	354.2°, 80.4, 62	`hsl(354.2,80.4%,62%)`
HSV (or HSB)	354.2°, 66.1, 92.5
Web Safe	ff6666	`#ff6666`

CIE-LAB	56.487, 60.771, 25.361
XYZ	39.528, 24.401, 13.454
xyY	0.511, 0.315, 24.401
CIE-LCH	56.487, 65.851, 22.652
CIE-LUV	56.487, 115.105, 17.744
Hunter-Lab	49.397, 56.392, 18.429
Binary	11101100, 01010000, 01011111

#ec505f
```
#ec505f rgb(236,80,95)
```
#50ecdd
```
#50ecdd rgb(80,236,221)
```

Complementary Color

#ec50ad
```
#ec50ad rgb(236,80,173)
```
#ec505f
```
#ec505f rgb(236,80,95)
```
#ec8f50
```
#ec8f50 rgb(236,143,80)
```

Analogous Color

#50adec
```
#50adec rgb(80,173,236)
```
#ec505f
```
#ec505f rgb(236,80,95)
```
#50ec8f
```
#50ec8f rgb(80,236,143)
```

Split Complementary Color

#505fec
```
#505fec rgb(80,95,236)
```
#ec505f
```
#ec505f rgb(236,80,95)
```
#5fec50
```
#5fec50 rgb(95,236,80)
```

Triadic Color

#dd50ec
```
#dd50ec rgb(221,80,236)
```
#ec505f
```
#ec505f rgb(236,80,95)
```
#5fec50
```
#5fec50 rgb(95,236,80)
```
#50ecdd
```
#50ecdd rgb(80,236,221)
```

Tetradic Color

#d8172a
```
#d8172a rgb(216,23,42)
```
#e72235
```
#e72235 rgb(231,34,53)
```
#ea394a
```
#ea394a rgb(234,57,74)
```
#ec505f
```
#ec505f rgb(236,80,95)
```
#ee6774
```
#ee6774 rgb(238,103,116)
```
#f17e89
```
#f17e89 rgb(241,126,137)
```
#f3959e
```
#f3959e rgb(243,149,158)
```

Monochromatic Color

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

#ec5086
```
#ec5086 rgb(236,80,134)
```
#ec5079
```
#ec5079 rgb(236,80,121)
```
#ec506c
```
#ec506c rgb(236,80,108)
```
#ec505f
```
#ec505f rgb(236,80,95)
```
#ec5052
```
#ec5052 rgb(236,80,82)
```
#ec5b50
```
#ec5b50 rgb(236,91,80)
```
#ec6850
```
#ec6850 rgb(236,104,80)
```

Similar Colors

Text with hexadecimal color #ec505f

This text has a font color of #ec505f.

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

#ec505f background color

This paragraph has a background color of #ec505f.

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

#ec505f border color

This element has a border color of #ec505f.

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

CSS codes

.text {color:#ec505f;}

.background {background-color:#ec505f;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#140204
```
#140204 rgb(20,2,4)
```
#250407
```
#250407 rgb(37,4,7)
```
#37060b
```
#37060b rgb(55,6,11)
```
#49080e
```
#49080e rgb(73,8,14)
```
#5a0a12
```
#5a0a12 rgb(90,10,18)
```
#6c0c15
```
#6c0c15 rgb(108,12,21)
```
#7e0e18
```
#7e0e18 rgb(126,14,24)
```
#8f101c
```
#8f101c rgb(143,16,28)
```
#a1121f
```
#a1121f rgb(161,18,31)
```
#b31323
```
#b31323 rgb(179,19,35)
```
#c51526
```
#c51526 rgb(197,21,38)
```
#d6172a
```
#d6172a rgb(214,23,42)
```

Shade Color Variation

#e61b2e
```
#e61b2e rgb(230,27,46)
```
#e82d3f
```
#e82d3f rgb(232,45,63)
```
#ea3e4f
```
#ea3e4f rgb(234,62,79)
```
#ec505f
```
#ec505f rgb(236,80,95)
```
#ee626f
```
#ee626f rgb(238,98,111)
```
#f0737f
```
#f0737f rgb(240,115,127)
```
#f28590
```
#f28590 rgb(242,133,144)
```
#f497a0
```
#f497a0 rgb(244,151,160)
```
#f6a8b0
```
#f6a8b0 rgb(246,168,176)
```
#f8bac0
```
#f8bac0 rgb(248,186,192)
```
#f9ccd0
```
#f9ccd0 rgb(249,204,208)
```
#fbdee0
```
#fbdee0 rgb(251,222,224)
```
#fdeff1
```
#fdeff1 rgb(253,239,241)
```

Tint Color Variation

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

#a19b9b
```
#a19b9b rgb(161,155,155)
```
#a99395
```
#a99395 rgb(169,147,149)
```
#b08c8f
```
#b08c8f rgb(176,140,143)
```
#b88489
```
#b88489 rgb(184,132,137)
```
#bf7d83
```
#bf7d83 rgb(191,125,131)
```
#c7757d
```
#c7757d rgb(199,117,125)
```
#ce6e77
```
#ce6e77 rgb(206,110,119)
```
#d66671
```
#d66671 rgb(214,102,113)
```
#dd5f6b
```
#dd5f6b rgb(221,95,107)
```
#e55765
```
#e55765 rgb(229,87,101)
```
#ec505f
```
#ec505f rgb(236,80,95)
```
#f34959
```
#f34959 rgb(243,73,89)
```
#fb4153
```
#fb4153 rgb(251,65,83)
```

Tone Color Variation

Below, you can see how #ec505f 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
#967679 Atypical Achromatopsia 0.001% of the population

Dichromacy

#948d7c Protanopia 1% of men
#a9875d Deuteranopia 1% of men
#ec5a5f Tritanopia 0.001% of the population

Trichromacy

#b47671 Protanomaly 1% of men, 0.01% of women
#c1735d Deuteranomaly 6% of men, 0.4% of women
#ec565f Tritanomaly 0.01% of the population

#ec505f hex color

#ec505f Color Information

#ec505f Color Conversion

Color Schemes with #ec505f

Alternatives to #ec505f

#ec505f Preview

Shades and Tints of #ec505f

Tones of #ec505f

Color Blindness Simulator