#ec5480 hex color

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

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

● #ec5480 color description : Soft pink.

The hexadecimal color #ec5480 has RGB values of R:236, G:84, B:128 and CMYK values of C:0, M:0.64, Y:0.46, K:0.07. Its decimal value is 15488128.

Hex triplet	ec5480	`#ec5480`
RGB Decimal	236, 84, 128	`rgb(236,84,128)`
RGB Percent	92.5, 32.9, 50.2	`rgb(92.5%,32.9%,50.2%)`
CMYK	0, 64, 46, 7
HSL	342.6°, 80, 62.7	`hsl(342.6,80%,62.7%)`
HSV (or HSB)	342.6°, 64.4, 92.5
Web Safe	ff6699	`#ff6699`

CIE-LAB	57.786, 61.765, 7.77
XYZ	41.66, 25.736, 23.195
xyY	0.46, 0.284, 25.736
CIE-LCH	57.786, 62.252, 7.17
CIE-LUV	57.786, 103.11, -1.921
Hunter-Lab	50.731, 57.804, 8.403
Binary	11101100, 01010100, 10000000

#ec5480
```
#ec5480 rgb(236,84,128)
```
#54ecc0
```
#54ecc0 rgb(84,236,192)
```

Complementary Color

#ec54cc
```
#ec54cc rgb(236,84,204)
```
#ec5480
```
#ec5480 rgb(236,84,128)
```
#ec7454
```
#ec7454 rgb(236,116,84)
```

Analogous Color

#54ccec
```
#54ccec rgb(84,204,236)
```
#ec5480
```
#ec5480 rgb(236,84,128)
```
#54ec74
```
#54ec74 rgb(84,236,116)
```

Split Complementary Color

#5480ec
```
#5480ec rgb(84,128,236)
```
#ec5480
```
#ec5480 rgb(236,84,128)
```
#80ec54
```
#80ec54 rgb(128,236,84)
```

Triadic Color

#c054ec
```
#c054ec rgb(192,84,236)
```
#ec5480
```
#ec5480 rgb(236,84,128)
```
#80ec54
```
#80ec54 rgb(128,236,84)
```
#54ecc0
```
#54ecc0 rgb(84,236,192)
```

Tetradic Color

#db1851
```
#db1851 rgb(219,24,81)
```
#e7265e
```
#e7265e rgb(231,38,94)
```
#e93d6f
```
#e93d6f rgb(233,61,111)
```
#ec5480
```
#ec5480 rgb(236,84,128)
```
#ef6b91
```
#ef6b91 rgb(239,107,145)
```
#f182a2
```
#f182a2 rgb(241,130,162)
```
#f499b3
```
#f499b3 rgb(244,153,179)
```

Monochromatic Color

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

#ec54a6
```
#ec54a6 rgb(236,84,166)
```
#ec5499
```
#ec5499 rgb(236,84,153)
```
#ec548d
```
#ec548d rgb(236,84,141)
```
#ec5480
```
#ec5480 rgb(236,84,128)
```
#ec5473
```
#ec5473 rgb(236,84,115)
```
#ec5467
```
#ec5467 rgb(236,84,103)
```
#ec545a
```
#ec545a rgb(236,84,90)
```

Similar Colors

Text with hexadecimal color #ec5480

This text has a font color of #ec5480.

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

#ec5480 background color

This paragraph has a background color of #ec5480.

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

#ec5480 border color

This element has a border color of #ec5480.

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

CSS codes

.text {color:#ec5480;}

.background {background-color:#ec5480;}

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

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)
```
#29050f
```
#29050f rgb(41,5,15)
```
#3b0616
```
#3b0616 rgb(59,6,22)
```
#4c081c
```
#4c081c rgb(76,8,28)
```
#5e0a23
```
#5e0a23 rgb(94,10,35)
```
#6f0c29
```
#6f0c29 rgb(111,12,41)
```
#810e30
```
#810e30 rgb(129,14,48)
```
#931036
```
#931036 rgb(147,16,54)
```
#a4123d
```
#a4123d rgb(164,18,61)
```
#b61443
```
#b61443 rgb(182,20,67)
```
#c8164a
```
#c8164a rgb(200,22,74)
```
#d91850
```
#d91850 rgb(217,24,80)
```

Shade Color Variation

#e61f59
```
#e61f59 rgb(230,31,89)
```
#e83166
```
#e83166 rgb(232,49,102)
```
#ea4273
```
#ea4273 rgb(234,66,115)
```
#ec5480
```
#ec5480 rgb(236,84,128)
```
#ee668d
```
#ee668d rgb(238,102,141)
```
#f0779a
```
#f0779a rgb(240,119,154)
```
#f289a7
```
#f289a7 rgb(242,137,167)
```
#f49bb4
```
#f49bb4 rgb(244,155,180)
```
#f6acc2
```
#f6acc2 rgb(246,172,194)
```
#f8becf
```
#f8becf rgb(248,190,207)
```
#fad0dc
```
#fad0dc rgb(250,208,220)
```
#fce1e9
```
#fce1e9 rgb(252,225,233)
```
#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 #fb457a is the most saturated one.

#a39d9f
```
#a39d9f rgb(163,157,159)
```
#aa969c
```
#aa969c rgb(170,150,156)
```
#b28e99
```
#b28e99 rgb(178,142,153)
```
#b98796
```
#b98796 rgb(185,135,150)
```
#c08092
```
#c08092 rgb(192,128,146)
```
#c7798f
```
#c7798f rgb(199,121,143)
```
#cf718c
```
#cf718c rgb(207,113,140)
```
#d66a89
```
#d66a89 rgb(214,106,137)
```
#dd6386
```
#dd6386 rgb(221,99,134)
```
#e55b83
```
#e55b83 rgb(229,91,131)
```
#ec5480
```
#ec5480 rgb(236,84,128)
```
#f34d7d
```
#f34d7d rgb(243,77,125)
```
#fb457a
```
#fb457a rgb(251,69,122)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#9a7c85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e8f9f Protanopia 1% of men
#a58b7c Deuteranopia 1% of men
#ea6368 Tritanopia 0.001% of the population

Trichromacy

#b07a94 Protanomaly 1% of men, 0.01% of women
#bf777d Deuteranomaly 6% of men, 0.4% of women
#eb5d71 Tritanomaly 0.01% of the population

#ec5480 hex color

#ec5480 Color Information

#ec5480 Color Conversion

Color Schemes with #ec5480

Alternatives to #ec5480

#ec5480 Preview

Shades and Tints of #ec5480

Tones of #ec5480

Color Blindness Simulator