#ec5486 hex color

In a RGB color space, hex #ec5486 is composed of 92.5% red, 32.9% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.4% magenta, 43.2% yellow and 7.5% black. It has a hue angle of 340.3 degrees, a saturation of 80% and a lightness of 62.7%. #ec5486 color hex could be obtained by blending #ffa8ff with #d9000d. Closest websafe color is: #ff6699.

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

● #ec5486 color description : Soft pink.

The hexadecimal color #ec5486 has RGB values of R:236, G:84, B:134 and CMYK values of C:0, M:0.64, Y:0.43, K:0.07. Its decimal value is 15488134.

Hex triplet	ec5486	`#ec5486`
RGB Decimal	236, 84, 134	`rgb(236,84,134)`
RGB Percent	92.5, 32.9, 52.5	`rgb(92.5%,32.9%,52.5%)`
CMYK	0, 64, 43, 7
HSL	340.3°, 80, 62.7	`hsl(340.3,80%,62.7%)`
HSV (or HSB)	340.3°, 64.4, 92.5
Web Safe	ff6699	`#ff6699`

CIE-LAB	57.941, 62.328, 4.469
XYZ	42.066, 25.899, 25.337
xyY	0.451, 0.278, 25.899
CIE-LCH	57.941, 62.488, 4.101
CIE-LUV	57.941, 101.185, -6.172
Hunter-Lab	50.891, 58.49, 6.105
Binary	11101100, 01010100, 10000110

#ec5486
```
#ec5486 rgb(236,84,134)
```
#54ecba
```
#54ecba rgb(84,236,186)
```

Complementary Color

#ec54d2
```
#ec54d2 rgb(236,84,210)
```
#ec5486
```
#ec5486 rgb(236,84,134)
```
#ec6e54
```
#ec6e54 rgb(236,110,84)
```

Analogous Color

#54d2ec
```
#54d2ec rgb(84,210,236)
```
#ec5486
```
#ec5486 rgb(236,84,134)
```
#54ec6e
```
#54ec6e rgb(84,236,110)
```

Split Complementary Color

#5486ec
```
#5486ec rgb(84,134,236)
```
#ec5486
```
#ec5486 rgb(236,84,134)
```
#86ec54
```
#86ec54 rgb(134,236,84)
```

Triadic Color

#ba54ec
```
#ba54ec rgb(186,84,236)
```
#ec5486
```
#ec5486 rgb(236,84,134)
```
#86ec54
```
#86ec54 rgb(134,236,84)
```
#54ecba
```
#54ecba rgb(84,236,186)
```

Tetradic Color

#db1858
```
#db1858 rgb(219,24,88)
```
#e72666
```
#e72666 rgb(231,38,102)
```
#e93d76
```
#e93d76 rgb(233,61,118)
```
#ec5486
```
#ec5486 rgb(236,84,134)
```
#ef6b96
```
#ef6b96 rgb(239,107,150)
```
#f182a6
```
#f182a6 rgb(241,130,166)
```
#f499b7
```
#f499b7 rgb(244,153,183)
```

Monochromatic Color

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

#ec54ac
```
#ec54ac rgb(236,84,172)
```
#ec549f
```
#ec549f rgb(236,84,159)
```
#ec5493
```
#ec5493 rgb(236,84,147)
```
#ec5486
```
#ec5486 rgb(236,84,134)
```
#ec5479
```
#ec5479 rgb(236,84,121)
```
#ec546d
```
#ec546d rgb(236,84,109)
```
#ec5460
```
#ec5460 rgb(236,84,96)
```

Similar Colors

Text with hexadecimal color #ec5486

This text has a font color of #ec5486.

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

#ec5486 background color

This paragraph has a background color of #ec5486.

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

#ec5486 border color

This element has a border color of #ec5486.

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

CSS codes

.text {color:#ec5486;}

.background {background-color:#ec5486;}

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

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

#060102
```
#060102 rgb(6,1,2)
```
#170309
```
#170309 rgb(23,3,9)
```
#290510
```
#290510 rgb(41,5,16)
```
#3b0618
```
#3b0618 rgb(59,6,24)
```
#4c081f
```
#4c081f rgb(76,8,31)
```
#5e0a26
```
#5e0a26 rgb(94,10,38)
```
#6f0c2d
```
#6f0c2d rgb(111,12,45)
```
#810e34
```
#810e34 rgb(129,14,52)
```
#93103b
```
#93103b rgb(147,16,59)
```
#a41242
```
#a41242 rgb(164,18,66)
```
#b61449
```
#b61449 rgb(182,20,73)
```
#c81651
```
#c81651 rgb(200,22,81)
```
#d91858
```
#d91858 rgb(217,24,88)
```

Shade Color Variation

#e61f61
```
#e61f61 rgb(230,31,97)
```
#e8316d
```
#e8316d rgb(232,49,109)
```
#ea427a
```
#ea427a rgb(234,66,122)
```
#ec5486
```
#ec5486 rgb(236,84,134)
```
#ee6692
```
#ee6692 rgb(238,102,146)
```
#f0779f
```
#f0779f rgb(240,119,159)
```
#f289ab
```
#f289ab rgb(242,137,171)
```
#f49bb8
```
#f49bb8 rgb(244,155,184)
```
#f6acc4
```
#f6acc4 rgb(246,172,196)
```
#f8bed1
```
#f8bed1 rgb(248,190,209)
```
#fad0dd
```
#fad0dd rgb(250,208,221)
```
#fce1ea
```
#fce1ea rgb(252,225,234)
```
#fef3f6
```
#fef3f6 rgb(254,243,246)
```

Tint Color Variation

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

#a39d9f
```
#a39d9f rgb(163,157,159)
```
#aa969d
```
#aa969d rgb(170,150,157)
```
#b28e9a
```
#b28e9a rgb(178,142,154)
```
#b98798
```
#b98798 rgb(185,135,152)
```
#c08095
```
#c08095 rgb(192,128,149)
```
#c77993
```
#c77993 rgb(199,121,147)
```
#cf7190
```
#cf7190 rgb(207,113,144)
```
#d66a8e
```
#d66a8e rgb(214,106,142)
```
#dd638b
```
#dd638b rgb(221,99,139)
```
#e55b89
```
#e55b89 rgb(229,91,137)
```
#ec5486
```
#ec5486 rgb(236,84,134)
```
#f34d84
```
#f34d84 rgb(243,77,132)
```
#fb4581
```
#fb4581 rgb(251,69,129)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#9b7d87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c90a6 Protanopia 1% of men
#a48c81 Deuteranopia 1% of men
#ea646a Tritanopia 0.001% of the population

Trichromacy

#af7a9a Protanomaly 1% of men, 0.01% of women
#be7783 Deuteranomaly 6% of men, 0.4% of women
#eb5e74 Tritanomaly 0.01% of the population

#ec5486 hex color

#ec5486 Color Information

#ec5486 Color Conversion

Color Schemes with #ec5486

Alternatives to #ec5486

#ec5486 Preview

Shades and Tints of #ec5486

Tones of #ec5486

Color Blindness Simulator