#ec145f hex color

In a RGB color space, hex #ec145f is composed of 92.5% red, 7.8% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.5% magenta, 59.7% yellow and 7.5% black. It has a hue angle of 339.2 degrees, a saturation of 85% and a lightness of 50.2%. #ec145f color hex could be obtained by blending #ff28be with #d90000. Closest websafe color is: #ff0066.

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

● #ec145f color description : Vivid pink.

The hexadecimal color #ec145f has RGB values of R:236, G:20, B:95 and CMYK values of C:0, M:0.92, Y:0.6, K:0.07. Its decimal value is 15471711.

Hex triplet	ec145f	`#ec145f`
RGB Decimal	236, 20, 95	`rgb(236,20,95)`
RGB Percent	92.5, 7.8, 37.3	`rgb(92.5%,7.8%,37.3%)`
CMYK	0, 92, 60, 7
HSL	339.2°, 85, 50.2	`hsl(339.2,85%,50.2%)`
HSV (or HSB)	339.2°, 91.5, 92.5
Web Safe	ff0066	`#ff0066`

CIE-LAB	50.878, 76.515, 17.894
XYZ	36.909, 19.164, 12.581
xyY	0.538, 0.279, 19.164
CIE-LCH	50.878, 78.58, 13.163
CIE-LUV	50.878, 138.814, 5.269
Hunter-Lab	43.777, 73.89, 13.604
Binary	11101100, 00010100, 01011111

#ec145f
```
#ec145f rgb(236,20,95)
```
#14eca1
```
#14eca1 rgb(20,236,161)
```

Complementary Color

#ec14cb
```
#ec14cb rgb(236,20,203)
```
#ec145f
```
#ec145f rgb(236,20,95)
```
#ec3514
```
#ec3514 rgb(236,53,20)
```

Analogous Color

#14cbec
```
#14cbec rgb(20,203,236)
```
#ec145f
```
#ec145f rgb(236,20,95)
```
#14ec35
```
#14ec35 rgb(20,236,53)
```

Split Complementary Color

#145fec
```
#145fec rgb(20,95,236)
```
#ec145f
```
#ec145f rgb(236,20,95)
```
#5fec14
```
#5fec14 rgb(95,236,20)
```

Triadic Color

#a114ec
```
#a114ec rgb(161,20,236)
```
#ec145f
```
#ec145f rgb(236,20,95)
```
#5fec14
```
#5fec14 rgb(95,236,20)
```
#14eca1
```
#14eca1 rgb(20,236,161)
```

Tetradic Color

#a60d42
```
#a60d42 rgb(166,13,66)
```
#be0f4c
```
#be0f4c rgb(190,15,76)
```
#d51155
```
#d51155 rgb(213,17,85)
```
#ec145f
```
#ec145f rgb(236,20,95)
```
#ee2c6f
```
#ee2c6f rgb(238,44,111)
```
#f0437f
```
#f0437f rgb(240,67,127)
```
#f25b8f
```
#f25b8f rgb(242,91,143)
```

Monochromatic Color

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

#ec1495
```
#ec1495 rgb(236,20,149)
```
#ec1483
```
#ec1483 rgb(236,20,131)
```
#ec1471
```
#ec1471 rgb(236,20,113)
```
#ec145f
```
#ec145f rgb(236,20,95)
```
#ec144d
```
#ec144d rgb(236,20,77)
```
#ec143b
```
#ec143b rgb(236,20,59)
```
#ec1429
```
#ec1429 rgb(236,20,41)
```

Similar Colors

Text with hexadecimal color #ec145f

This text has a font color of #ec145f.

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

#ec145f background color

This paragraph has a background color of #ec145f.

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

#ec145f border color

This element has a border color of #ec145f.

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

CSS codes

.text {color:#ec145f;}

.background {background-color:#ec145f;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#130208
```
#130208 rgb(19,2,8)
```
#25030f
```
#25030f rgb(37,3,15)
```
#370416
```
#370416 rgb(55,4,22)
```
#4a061d
```
#4a061d rgb(74,6,29)
```
#5c0725
```
#5c0725 rgb(92,7,37)
```
#6e092c
```
#6e092c rgb(110,9,44)
```
#800a33
```
#800a33 rgb(128,10,51)
```
#920c3a
```
#920c3a rgb(146,12,58)
```
#a40d42
```
#a40d42 rgb(164,13,66)
```
#b60f49
```
#b60f49 rgb(182,15,73)
```
#c91050
```
#c91050 rgb(201,16,80)
```
#db1257
```
#db1257 rgb(219,18,87)
```

Shade Color Variation

#ec145f
```
#ec145f rgb(236,20,95)
```
#ed266b
```
#ed266b rgb(237,38,107)
```
#ef3878
```
#ef3878 rgb(239,56,120)
```
#f04a84
```
#f04a84 rgb(240,74,132)
```
#f25d90
```
#f25d90 rgb(242,93,144)
```
#f36f9d
```
#f36f9d rgb(243,111,157)
```
#f581a9
```
#f581a9 rgb(245,129,169)
```
#f693b5
```
#f693b5 rgb(246,147,181)
```
#f8a5c2
```
#f8a5c2 rgb(248,165,194)
```
#f9b7ce
```
#f9b7ce rgb(249,183,206)
```
#fbc9db
```
#fbc9db rgb(251,201,219)
```
#fcdce7
```
#fcdce7 rgb(252,220,231)
```
#feeef3
```
#feeef3 rgb(254,238,243)
```

Tint Color Variation

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

#817f80
```
#817f80 rgb(129,127,128)
```
#8a767d
```
#8a767d rgb(138,118,125)
```
#946c7a
```
#946c7a rgb(148,108,122)
```
#9e6277
```
#9e6277 rgb(158,98,119)
```
#a85874
```
#a85874 rgb(168,88,116)
```
#b14f71
```
#b14f71 rgb(177,79,113)
```
#bb456e
```
#bb456e rgb(187,69,110)
```
#c53b6b
```
#c53b6b rgb(197,59,107)
```
#cf3168
```
#cf3168 rgb(207,49,104)
```
#d82865
```
#d82865 rgb(216,40,101)
```
#e21e62
```
#e21e62 rgb(226,30,98)
```
#ec145f
```
#ec145f rgb(236,20,95)
```
#f60a5c
```
#f60a5c rgb(246,10,92)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#7a4e5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7f89 Protanopia 1% of men
#987a5a Deuteranopia 1% of men
#eb3332 Tritanopia 0.001% of the population

Trichromacy

#a6587a Protanomaly 1% of men, 0.01% of women
#b6555b Deuteranomaly 6% of men, 0.4% of women
#eb2742 Tritanomaly 0.01% of the population

#ec145f hex color

#ec145f Color Information

#ec145f Color Conversion

Color Schemes with #ec145f

Alternatives to #ec145f

#ec145f Preview

Shades and Tints of #ec145f

Tones of #ec145f

Color Blindness Simulator