#ec5a86 hex color

In a RGB color space, hex #ec5a86 is composed of 92.5% red, 35.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.9% magenta, 43.2% yellow and 7.5% black. It has a hue angle of 341.9 degrees, a saturation of 79.3% and a lightness of 63.9%. #ec5a86 color hex could be obtained by blending #ffb4ff with #d9000d. Closest websafe color is: #ff6699.

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

● #ec5a86 color description : Soft pink.

The hexadecimal color #ec5a86 has RGB values of R:236, G:90, B:134 and CMYK values of C:0, M:0.62, Y:0.43, K:0.07. Its decimal value is 15489670.

Hex triplet	ec5a86	`#ec5a86`
RGB Decimal	236, 90, 134	`rgb(236,90,134)`
RGB Percent	92.5, 35.3, 52.5	`rgb(92.5%,35.3%,52.5%)`
CMYK	0, 62, 43, 7
HSL	341.9°, 79.3, 63.9	`hsl(341.9,79.3%,63.9%)`
HSV (or HSB)	341.9°, 61.9, 92.5
Web Safe	ff6699	`#ff6699`

CIE-LAB	58.854, 59.853, 5.782
XYZ	42.552, 26.87, 25.499
xyY	0.448, 0.283, 26.87
CIE-LCH	58.854, 60.131, 5.518
CIE-LUV	58.854, 98.061, -3.937
Hunter-Lab	51.837, 55.815, 7.121
Binary	11101100, 01011010, 10000110

#ec5a86
```
#ec5a86 rgb(236,90,134)
```
#5aecc0
```
#5aecc0 rgb(90,236,192)
```

Complementary Color

#ec5acf
```
#ec5acf rgb(236,90,207)
```
#ec5a86
```
#ec5a86 rgb(236,90,134)
```
#ec775a
```
#ec775a rgb(236,119,90)
```

Analogous Color

#5acfec
```
#5acfec rgb(90,207,236)
```
#ec5a86
```
#ec5a86 rgb(236,90,134)
```
#5aec77
```
#5aec77 rgb(90,236,119)
```

Split Complementary Color

#5a86ec
```
#5a86ec rgb(90,134,236)
```
#ec5a86
```
#ec5a86 rgb(236,90,134)
```
#86ec5a
```
#86ec5a rgb(134,236,90)
```

Triadic Color

#c05aec
```
#c05aec rgb(192,90,236)
```
#ec5a86
```
#ec5a86 rgb(236,90,134)
```
#86ec5a
```
#86ec5a rgb(134,236,90)
```
#5aecc0
```
#5aecc0 rgb(90,236,192)
```

Tetradic Color

#e01a55
```
#e01a55 rgb(224,26,85)
```
#e72c64
```
#e72c64 rgb(231,44,100)
```
#e94375
```
#e94375 rgb(233,67,117)
```
#ec5a86
```
#ec5a86 rgb(236,90,134)
```
#ef7197
```
#ef7197 rgb(239,113,151)
```
#f188a8
```
#f188a8 rgb(241,136,168)
```
#f49fb8
```
#f49fb8 rgb(244,159,184)
```

Monochromatic Color

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

#ec5aab
```
#ec5aab rgb(236,90,171)
```
#ec5a9e
```
#ec5a9e rgb(236,90,158)
```
#ec5a92
```
#ec5a92 rgb(236,90,146)
```
#ec5a86
```
#ec5a86 rgb(236,90,134)
```
#ec5a7a
```
#ec5a7a rgb(236,90,122)
```
#ec5a6e
```
#ec5a6e rgb(236,90,110)
```
#ec5a62
```
#ec5a62 rgb(236,90,98)
```

Similar Colors

Text with hexadecimal color #ec5a86

This text has a font color of #ec5a86.

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

#ec5a86 background color

This paragraph has a background color of #ec5a86.

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

#ec5a86 border color

This element has a border color of #ec5a86.

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

CSS codes

.text {color:#ec5a86;}

.background {background-color:#ec5a86;}

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

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, #0b0104 is the darkest color, while #fef8fa is the lightest one.

#0b0104
```
#0b0104 rgb(11,1,4)
```
#1c030b
```
#1c030b rgb(28,3,11)
```
#2e0512
```
#2e0512 rgb(46,5,18)
```
#400718
```
#400718 rgb(64,7,24)
```
#51091f
```
#51091f rgb(81,9,31)
```
#630b26
```
#630b26 rgb(99,11,38)
```
#740d2c
```
#740d2c rgb(116,13,44)
```
#860f33
```
#860f33 rgb(134,15,51)
```
#98113a
```
#98113a rgb(152,17,58)
```
#a91341
```
#a91341 rgb(169,19,65)
```
#bb1647
```
#bb1647 rgb(187,22,71)
```
#cc184e
```
#cc184e rgb(204,24,78)
```
#de1a55
```
#de1a55 rgb(222,26,85)
```

Shade Color Variation

#e6255f
```
#e6255f rgb(230,37,95)
```
#e8376c
```
#e8376c rgb(232,55,108)
```
#ea4879
```
#ea4879 rgb(234,72,121)
```
#ec5a86
```
#ec5a86 rgb(236,90,134)
```
#ee6c93
```
#ee6c93 rgb(238,108,147)
```
#f07da0
```
#f07da0 rgb(240,125,160)
```
#f28fad
```
#f28fad rgb(242,143,173)
```
#f4a0ba
```
#f4a0ba rgb(244,160,186)
```
#f6b2c6
```
#f6b2c6 rgb(246,178,198)
```
#f8c4d3
```
#f8c4d3 rgb(248,196,211)
```
#fad5e0
```
#fad5e0 rgb(250,213,224)
```
#fce7ed
```
#fce7ed rgb(252,231,237)
```
#fef8fa
```
#fef8fa rgb(254,248,250)
```

Tint Color Variation

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

#a5a1a2
```
#a5a1a2 rgb(165,161,162)
```
#ac9a9f
```
#ac9a9f rgb(172,154,159)
```
#b3939c
```
#b3939c rgb(179,147,156)
```
#ba8c9a
```
#ba8c9a rgb(186,140,154)
```
#c28497
```
#c28497 rgb(194,132,151)
```
#c97d94
```
#c97d94 rgb(201,125,148)
```
#d07691
```
#d07691 rgb(208,118,145)
```
#d76f8e
```
#d76f8e rgb(215,111,142)
```
#de688c
```
#de688c rgb(222,104,140)
```
#e56189
```
#e56189 rgb(229,97,137)
```
#ec5a86
```
#ec5a86 rgb(236,90,134)
```
#f35383
```
#f35383 rgb(243,83,131)
```
#fa4c80
```
#fa4c80 rgb(250,76,128)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#9e818a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9092a4 Protanopia 1% of men
#a78e82 Deuteranopia 1% of men
#ea686e Tritanopia 0.001% of the population

Trichromacy

#b17d99 Protanomaly 1% of men, 0.01% of women
#c07b83 Deuteranomaly 6% of men, 0.4% of women
#eb6377 Tritanomaly 0.01% of the population

#ec5a86 hex color

#ec5a86 Color Information

#ec5a86 Color Conversion

Color Schemes with #ec5a86

Alternatives to #ec5a86

#ec5a86 Preview

Shades and Tints of #ec5a86

Tones of #ec5a86

Color Blindness Simulator