#ec157f hex color

In a RGB color space, hex #ec157f is composed of 92.5% red, 8.2% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.1% magenta, 46.2% yellow and 7.5% black. It has a hue angle of 330.4 degrees, a saturation of 85% and a lightness of 50.4%. #ec157f color hex could be obtained by blending #ff2afe with #d90000. Closest websafe color is: #ff0066.

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

● #ec157f color description : Vivid pink.

The hexadecimal color #ec157f has RGB values of R:236, G:21, B:127 and CMYK values of C:0, M:0.91, Y:0.46, K:0.07. Its decimal value is 15471999.

Hex triplet	ec157f	`#ec157f`
RGB Decimal	236, 21, 127	`rgb(236,21,127)`
RGB Percent	92.5, 8.2, 49.8	`rgb(92.5%,8.2%,49.8%)`
CMYK	0, 91, 46, 7
HSL	330.4°, 85, 50.4	`hsl(330.4,85%,50.4%)`
HSV (or HSB)	330.4°, 91.1, 92.5
Web Safe	ff0066	`#ff0066`

CIE-LAB	51.731, 78.623, -0.373
XYZ	38.692, 19.906, 21.882
xyY	0.481, 0.247, 19.906
CIE-LCH	51.731, 78.624, 359.728
CIE-LUV	51.731, 125.267, -15.944
Hunter-Lab	44.616, 76.722, 2.152
Binary	11101100, 00010101, 01111111

#ec157f
```
#ec157f rgb(236,21,127)
```
#15ec82
```
#15ec82 rgb(21,236,130)
```

Complementary Color

#ec15eb
```
#ec15eb rgb(236,21,235)
```
#ec157f
```
#ec157f rgb(236,21,127)
```
#ec1715
```
#ec1715 rgb(236,23,21)
```

Analogous Color

#15ebec
```
#15ebec rgb(21,235,236)
```
#ec157f
```
#ec157f rgb(236,21,127)
```
#15ec17
```
#15ec17 rgb(21,236,23)
```

Split Complementary Color

#157fec
```
#157fec rgb(21,127,236)
```
#ec157f
```
#ec157f rgb(236,21,127)
```
#7fec15
```
#7fec15 rgb(127,236,21)
```

Triadic Color

#8215ec
```
#8215ec rgb(130,21,236)
```
#ec157f
```
#ec157f rgb(236,21,127)
```
#7fec15
```
#7fec15 rgb(127,236,21)
```
#15ec82
```
#15ec82 rgb(21,236,130)
```

Tetradic Color

#a70e59
```
#a70e59 rgb(167,14,89)
```
#bf0f66
```
#bf0f66 rgb(191,15,102)
```
#d61172
```
#d61172 rgb(214,17,114)
```
#ec157f
```
#ec157f rgb(236,21,127)
```
#ee2d8c
```
#ee2d8c rgb(238,45,140)
```
#f04499
```
#f04499 rgb(240,68,153)
```
#f25ca6
```
#f25ca6 rgb(242,92,166)
```

Monochromatic Color

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

#ec15b5
```
#ec15b5 rgb(236,21,181)
```
#ec15a3
```
#ec15a3 rgb(236,21,163)
```
#ec1591
```
#ec1591 rgb(236,21,145)
```
#ec157f
```
#ec157f rgb(236,21,127)
```
#ec156d
```
#ec156d rgb(236,21,109)
```
#ec155b
```
#ec155b rgb(236,21,91)
```
#ec1549
```
#ec1549 rgb(236,21,73)
```

Similar Colors

Text with hexadecimal color #ec157f

This text has a font color of #ec157f.

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

#ec157f background color

This paragraph has a background color of #ec157f.

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

#ec157f border color

This element has a border color of #ec157f.

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

CSS codes

.text {color:#ec157f;}

.background {background-color:#ec157f;}

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

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

#020001
```
#020001 rgb(2,0,1)
```
#14020b
```
#14020b rgb(20,2,11)
```
#260314
```
#260314 rgb(38,3,20)
```
#38051e
```
#38051e rgb(56,5,30)
```
#4a0628
```
#4a0628 rgb(74,6,40)
```
#5d0831
```
#5d0831 rgb(93,8,49)
```
#6f093b
```
#6f093b rgb(111,9,59)
```
#810a45
```
#810a45 rgb(129,10,69)
```
#930c4f
```
#930c4f rgb(147,12,79)
```
#a50d58
```
#a50d58 rgb(165,13,88)
```
#b70f62
```
#b70f62 rgb(183,15,98)
```
#c9106c
```
#c9106c rgb(201,16,108)
```
#dc1275
```
#dc1275 rgb(220,18,117)
```

Shade Color Variation

#ec157f
```
#ec157f rgb(236,21,127)
```
#ed2789
```
#ed2789 rgb(237,39,137)
```
#ef3993
```
#ef3993 rgb(239,57,147)
```
#f04b9d
```
#f04b9d rgb(240,75,157)
```
#f25ea7
```
#f25ea7 rgb(242,94,167)
```
#f370b1
```
#f370b1 rgb(243,112,177)
```
#f582bb
```
#f582bb rgb(245,130,187)
```
#f694c4
```
#f694c4 rgb(246,148,196)
```
#f8a6ce
```
#f8a6ce rgb(248,166,206)
```
#f9b8d8
```
#f9b8d8 rgb(249,184,216)
```
#fbcae2
```
#fbcae2 rgb(251,202,226)
```
#fcddec
```
#fcddec rgb(252,221,236)
```
#feeff6
```
#feeff6 rgb(254,239,246)
```

Tint Color Variation

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

#818080
```
#818080 rgb(129,128,128)
```
#8b7680
```
#8b7680 rgb(139,118,128)
```
#946d80
```
#946d80 rgb(148,109,128)
```
#9e6380
```
#9e6380 rgb(158,99,128)
```
#a85980
```
#a85980 rgb(168,89,128)
```
#b24f80
```
#b24f80 rgb(178,79,128)
```
#bb4680
```
#bb4680 rgb(187,70,128)
```
#c53c80
```
#c53c80 rgb(197,60,128)
```
#cf327f
```
#cf327f rgb(207,50,127)
```
#d9287f
```
#d9287f rgb(217,40,127)
```
#e21f7f
```
#e21f7f rgb(226,31,127)
```
#ec157f
```
#ec157f rgb(236,21,127)
```
#f60b7f
```
#f60b7f rgb(246,11,127)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#7d5267 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7280b0 Protanopia 1% of men
#927d77 Deuteranopia 1% of men
#e93e40 Tritanopia 0.001% of the population

Trichromacy

#9e599e Protanomaly 1% of men, 0.01% of women
#b2577a Deuteranomaly 6% of men, 0.4% of women
#ea2f57 Tritanomaly 0.01% of the population

#ec157f hex color

#ec157f Color Information

#ec157f Color Conversion

Color Schemes with #ec157f

Alternatives to #ec157f

#ec157f Preview

Shades and Tints of #ec157f

Tones of #ec157f

Color Blindness Simulator