#ec228a hex color

In a RGB color space, hex #ec228a is composed of 92.5% red, 13.3% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.6% magenta, 41.5% yellow and 7.5% black. It has a hue angle of 329.1 degrees, a saturation of 84.2% and a lightness of 52.9%. #ec228a color hex could be obtained by blending #ff44ff 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

● #ec228a color description : Vivid pink.

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

Hex triplet	ec228a	`#ec228a`
RGB Decimal	236, 34, 138	`rgb(236,34,138)`
RGB Percent	92.5, 13.3, 54.1	`rgb(92.5%,13.3%,54.1%)`
CMYK	0, 86, 42, 7
HSL	329.1°, 84.2, 52.9	`hsl(329.1,84.2%,52.9%)`
HSV (or HSB)	329.1°, 85.6, 92.5
Web Safe	ff3399	`#ff3399`

CIE-LAB	52.748, 77.594, -5.498
XYZ	39.753, 20.816, 25.968
xyY	0.459, 0.241, 20.816
CIE-LCH	52.748, 77.789, 355.947
CIE-LUV	52.748, 117.97, -22.318
Hunter-Lab	45.625, 75.683, -1.808
Binary	11101100, 00100010, 10001010

#ec228a
```
#ec228a rgb(236,34,138)
```
#22ec84
```
#22ec84 rgb(34,236,132)
```

Complementary Color

#e922ec
```
#e922ec rgb(233,34,236)
```
#ec228a
```
#ec228a rgb(236,34,138)
```
#ec2225
```
#ec2225 rgb(236,34,37)
```

Analogous Color

#22ece9
```
#22ece9 rgb(34,236,233)
```
#ec228a
```
#ec228a rgb(236,34,138)
```
#25ec22
```
#25ec22 rgb(37,236,34)
```

Split Complementary Color

#228aec
```
#228aec rgb(34,138,236)
```
#ec228a
```
#ec228a rgb(236,34,138)
```
#8aec22
```
#8aec22 rgb(138,236,34)
```

Triadic Color

#8422ec
```
#8422ec rgb(132,34,236)
```
#ec228a
```
#ec228a rgb(236,34,138)
```
#8aec22
```
#8aec22 rgb(138,236,34)
```
#22ec84
```
#22ec84 rgb(34,236,132)
```

Tetradic Color

#b20f63
```
#b20f63 rgb(178,15,99)
```
#ca1170
```
#ca1170 rgb(202,17,112)
```
#e1137d
```
#e1137d rgb(225,19,125)
```
#ec228a
```
#ec228a rgb(236,34,138)
```
#ee3996
```
#ee3996 rgb(238,57,150)
```
#f051a3
```
#f051a3 rgb(240,81,163)
```
#f268af
```
#f268af rgb(242,104,175)
```

Monochromatic Color

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

#ec22bd
```
#ec22bd rgb(236,34,189)
```
#ec22ac
```
#ec22ac rgb(236,34,172)
```
#ec229b
```
#ec229b rgb(236,34,155)
```
#ec228a
```
#ec228a rgb(236,34,138)
```
#ec2279
```
#ec2279 rgb(236,34,121)
```
#ec2268
```
#ec2268 rgb(236,34,104)
```
#ec2257
```
#ec2257 rgb(236,34,87)
```

Similar Colors

Text with hexadecimal color #ec228a

This text has a font color of #ec228a.

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

#ec228a background color

This paragraph has a background color of #ec228a.

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

#ec228a border color

This element has a border color of #ec228a.

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

CSS codes

.text {color:#ec228a;}

.background {background-color:#ec228a;}

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

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

#0e0108
```
#0e0108 rgb(14,1,8)
```
#200312
```
#200312 rgb(32,3,18)
```
#32041c
```
#32041c rgb(50,4,28)
```
#440626
```
#440626 rgb(68,6,38)
```
#560730
```
#560730 rgb(86,7,48)
```
#68093a
```
#68093a rgb(104,9,58)
```
#7a0b44
```
#7a0b44 rgb(122,11,68)
```
#8c0c4e
```
#8c0c4e rgb(140,12,78)
```
#9e0e58
```
#9e0e58 rgb(158,14,88)
```
#b00f62
```
#b00f62 rgb(176,15,98)
```
#c2116c
```
#c2116c rgb(194,17,108)
```
#d51276
```
#d51276 rgb(213,18,118)
```
#e71480
```
#e71480 rgb(231,20,128)
```

Shade Color Variation

#ec228a
```
#ec228a rgb(236,34,138)
```
#ee3494
```
#ee3494 rgb(238,52,148)
```
#ef469d
```
#ef469d rgb(239,70,157)
```
#f158a7
```
#f158a7 rgb(241,88,167)
```
#f26ab0
```
#f26ab0 rgb(242,106,176)
```
#f47cba
```
#f47cba rgb(244,124,186)
```
#f58ec3
```
#f58ec3 rgb(245,142,195)
```
#f7a0cd
```
#f7a0cd rgb(247,160,205)
```
#f8b3d7
```
#f8b3d7 rgb(248,179,215)
```
#fac5e0
```
#fac5e0 rgb(250,197,224)
```
#fcd7ea
```
#fcd7ea rgb(252,215,234)
```
#fde9f3
```
#fde9f3 rgb(253,233,243)
```
#fffbfd
```
#fffbfd rgb(255,251,253)
```

Tint Color Variation

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

#907e87
```
#907e87 rgb(144,126,135)
```
#997588
```
#997588 rgb(153,117,136)
```
#a26c88
```
#a26c88 rgb(162,108,136)
```
#ab6388
```
#ab6388 rgb(171,99,136)
```
#b55988
```
#b55988 rgb(181,89,136)
```
#be5089
```
#be5089 rgb(190,80,137)
```
#c74789
```
#c74789 rgb(199,71,137)
```
#d03e89
```
#d03e89 rgb(208,62,137)
```
#da3489
```
#da3489 rgb(218,52,137)
```
#e32b8a
```
#e32b8a rgb(227,43,138)
```
#ec228a
```
#ec228a rgb(236,34,138)
```
#f5198a
```
#f5198a rgb(245,25,138)
```
#fe108b
```
#fe108b rgb(254,16,139)
```

Tone Color Variation

Below, you can see how #ec228a 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
#845c70 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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

#ec228a hex color

#ec228a Color Information

#ec228a Color Conversion

Color Schemes with #ec228a

Alternatives to #ec228a

#ec228a Preview

Shades and Tints of #ec228a

Tones of #ec228a

Color Blindness Simulator