#ec218a hex color

In a RGB color space, hex #ec218a is composed of 92.5% red, 12.9% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86% magenta, 41.5% yellow and 7.5% black. It has a hue angle of 329 degrees, a saturation of 84.2% and a lightness of 52.7%. #ec218a color hex could be obtained by blending #ff42ff with #d90015. Closest websafe color is: #ff3399.

♥
- f
- t
- g
- R 93
- G 13
- B 54
RGB color chart
- C 0
- M 86
- Y 42
- K 7
CMYK color chart

● #ec218a color description : Vivid pink.

The hexadecimal color #ec218a has RGB values of R:236, G:33, B:138 and CMYK values of C:0, M:0.86, Y:0.42, K:0.07. Its decimal value is 15475082.

Hex triplet	ec218a	`#ec218a`
RGB Decimal	236, 33, 138	`rgb(236,33,138)`
RGB Percent	92.5, 12.9, 54.1	`rgb(92.5%,12.9%,54.1%)`
CMYK	0, 86, 42, 7
HSL	329°, 84.2, 52.7	`hsl(329,84.2%,52.7%)`
HSV (or HSB)	329°, 86, 92.5
Web Safe	ff3399	`#ff3399`

CIE-LAB	52.686, 77.773, -5.59
XYZ	39.724, 20.76, 25.959
xyY	0.46, 0.24, 20.76
CIE-LCH	52.686, 77.974, 355.889
CIE-LUV	52.686, 118.184, -22.474
Hunter-Lab	45.563, 75.892, -1.885
Binary	11101100, 00100001, 10001010

#ec218a
```
#ec218a rgb(236,33,138)
```
#21ec83
```
#21ec83 rgb(33,236,131)
```

Complementary Color

#e921ec
```
#e921ec rgb(233,33,236)
```
#ec218a
```
#ec218a rgb(236,33,138)
```
#ec2125
```
#ec2125 rgb(236,33,37)
```

Analogous Color

#21ece9
```
#21ece9 rgb(33,236,233)
```
#ec218a
```
#ec218a rgb(236,33,138)
```
#25ec21
```
#25ec21 rgb(37,236,33)
```

Split Complementary Color

#218aec
```
#218aec rgb(33,138,236)
```
#ec218a
```
#ec218a rgb(236,33,138)
```
#8aec21
```
#8aec21 rgb(138,236,33)
```

Triadic Color

#8321ec
```
#8321ec rgb(131,33,236)
```
#ec218a
```
#ec218a rgb(236,33,138)
```
#8aec21
```
#8aec21 rgb(138,236,33)
```
#21ec83
```
#21ec83 rgb(33,236,131)
```

Tetradic Color

#b10f63
```
#b10f63 rgb(177,15,99)
```
#c91170
```
#c91170 rgb(201,17,112)
```
#e0137d
```
#e0137d rgb(224,19,125)
```
#ec218a
```
#ec218a rgb(236,33,138)
```
#ee3896
```
#ee3896 rgb(238,56,150)
```
#f050a3
```
#f050a3 rgb(240,80,163)
```
#f267af
```
#f267af rgb(242,103,175)
```

Monochromatic Color

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

#ec21bd
```
#ec21bd rgb(236,33,189)
```
#ec21ac
```
#ec21ac rgb(236,33,172)
```
#ec219b
```
#ec219b rgb(236,33,155)
```
#ec218a
```
#ec218a rgb(236,33,138)
```
#ec2179
```
#ec2179 rgb(236,33,121)
```
#ec2168
```
#ec2168 rgb(236,33,104)
```
#ec2157
```
#ec2157 rgb(236,33,87)
```

Similar Colors

Text with hexadecimal color #ec218a

This text has a font color of #ec218a.

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

#ec218a background color

This paragraph has a background color of #ec218a.

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

#ec218a border color

This element has a border color of #ec218a.

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

CSS codes

.text {color:#ec218a;}

.background {background-color:#ec218a;}

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

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

#0d0107
```
#0d0107 rgb(13,1,7)
```
#1f0311
```
#1f0311 rgb(31,3,17)
```
#31041b
```
#31041b rgb(49,4,27)
```
#430625
```
#430625 rgb(67,6,37)
```
#550730
```
#550730 rgb(85,7,48)
```
#67093a
```
#67093a rgb(103,9,58)
```
#790a44
```
#790a44 rgb(121,10,68)
```
#8b0c4e
```
#8b0c4e rgb(139,12,78)
```
#9d0d58
```
#9d0d58 rgb(157,13,88)
```
#b00f62
```
#b00f62 rgb(176,15,98)
```
#c2116c
```
#c2116c rgb(194,17,108)
```
#d41276
```
#d41276 rgb(212,18,118)
```
#e61480
```
#e61480 rgb(230,20,128)
```

Shade Color Variation

#ec218a
```
#ec218a rgb(236,33,138)
```
#ee3394
```
#ee3394 rgb(238,51,148)
```
#ef459d
```
#ef459d rgb(239,69,157)
```
#f157a7
```
#f157a7 rgb(241,87,167)
```
#f269b0
```
#f269b0 rgb(242,105,176)
```
#f47bba
```
#f47bba rgb(244,123,186)
```
#f58dc3
```
#f58dc3 rgb(245,141,195)
```
#f79fcd
```
#f79fcd rgb(247,159,205)
```
#f8b2d6
```
#f8b2d6 rgb(248,178,214)
```
#fac4e0
```
#fac4e0 rgb(250,196,224)
```
#fbd6e9
```
#fbd6e9 rgb(251,214,233)
```
#fde8f3
```
#fde8f3 rgb(253,232,243)
```
#fffafc
```
#fffafc rgb(255,250,252)
```

Tint Color Variation

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

#8f7e87
```
#8f7e87 rgb(143,126,135)
```
#997487
```
#997487 rgb(153,116,135)
```
#a26b87
```
#a26b87 rgb(162,107,135)
```
#ab6288
```
#ab6288 rgb(171,98,136)
```
#b45988
```
#b45988 rgb(180,89,136)
```
#be4f88
```
#be4f88 rgb(190,79,136)
```
#c74689
```
#c74689 rgb(199,70,137)
```
#d03d89
```
#d03d89 rgb(208,61,137)
```
#d93489
```
#d93489 rgb(217,52,137)
```
#e32a8a
```
#e32a8a rgb(227,42,138)
```
#ec218a
```
#ec218a rgb(236,33,138)
```
#f5188a
```
#f5188a rgb(245,24,138)
```
#ff0e8b
```
#ff0e8b rgb(255,14,139)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#845b70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7082bb Protanopia 1% of men
#918082 Deuteranopia 1% of men
#e84649 Tritanopia 0.001% of the population

Trichromacy

#9d5fa9 Protanomaly 1% of men, 0.01% of women
#b25d84 Deuteranomaly 6% of men, 0.4% of women
#e93961 Tritanomaly 0.01% of the population

#ec218a hex color

#ec218a Color Information

#ec218a Color Conversion

Color Schemes with #ec218a

Alternatives to #ec218a

#ec218a Preview

Shades and Tints of #ec218a

Tones of #ec218a

Color Blindness Simulator