#ed20af hex color

In a RGB color space, hex #ed20af is composed of 92.9% red, 12.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.5% magenta, 26.2% yellow and 7.1% black. It has a hue angle of 318.1 degrees, a saturation of 85.1% and a lightness of 52.7%. #ed20af color hex could be obtained by blending #ff40ff with #db005f. Closest websafe color is: #ff3399.

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

● #ed20af color description : Vivid pink.

The hexadecimal color #ed20af has RGB values of R:237, G:32, B:175 and CMYK values of C:0, M:0.86, Y:0.26, K:0.07. Its decimal value is 15540399.

Hex triplet	ed20af	`#ed20af`
RGB Decimal	237, 32, 175	`rgb(237,32,175)`
RGB Percent	92.9, 12.5, 68.6	`rgb(92.9%,12.5%,68.6%)`
CMYK	0, 86, 26, 7
HSL	318.1°, 85.1, 52.7	`hsl(318.1,85.1%,52.7%)`
HSV (or HSB)	318.1°, 86.5, 92.9
Web Safe	ff3399	`#ff3399`

CIE-LAB	54.172, 81.907, -25.24
XYZ	43.18, 22.137, 42.554
xyY	0.4, 0.205, 22.137
CIE-LCH	54.172, 85.707, 342.873
CIE-LUV	54.172, 102.545, -50.822
Hunter-Lab	47.05, 81.481, -20.69
Binary	11101101, 00100000, 10101111

#ed20af
```
#ed20af rgb(237,32,175)
```
#20ed5e
```
#20ed5e rgb(32,237,94)
```

Complementary Color

#c520ed
```
#c520ed rgb(197,32,237)
```
#ed20af
```
#ed20af rgb(237,32,175)
```
#ed2049
```
#ed2049 rgb(237,32,73)
```

Analogous Color

#20edc5
```
#20edc5 rgb(32,237,197)
```
#ed20af
```
#ed20af rgb(237,32,175)
```
#48ed20
```
#48ed20 rgb(72,237,32)
```

Split Complementary Color

#20afed
```
#20afed rgb(32,175,237)
```
#ed20af
```
#ed20af rgb(237,32,175)
```
#afed20
```
#afed20 rgb(175,237,32)
```

Triadic Color

#5e20ed
```
#5e20ed rgb(94,32,237)
```
#ed20af
```
#ed20af rgb(237,32,175)
```
#afed20
```
#afed20 rgb(175,237,32)
```
#20ed5e
```
#20ed5e rgb(32,237,94)
```

Tetradic Color

#b20e81
```
#b20e81 rgb(178,14,129)
```
#ca1092
```
#ca1092 rgb(202,16,146)
```
#e112a3
```
#e112a3 rgb(225,18,163)
```
#ed20af
```
#ed20af rgb(237,32,175)
```
#ef38b7
```
#ef38b7 rgb(239,56,183)
```
#f14fc0
```
#f14fc0 rgb(241,79,192)
```
#f367c8
```
#f367c8 rgb(243,103,200)
```

Monochromatic Color

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

#ed20e2
```
#ed20e2 rgb(237,32,226)
```
#ed20d1
```
#ed20d1 rgb(237,32,209)
```
#ed20c0
```
#ed20c0 rgb(237,32,192)
```
#ed20af
```
#ed20af rgb(237,32,175)
```
#ed209e
```
#ed209e rgb(237,32,158)
```
#ed208d
```
#ed208d rgb(237,32,141)
```
#ed207c
```
#ed207c rgb(237,32,124)
```

Similar Colors

Text with hexadecimal color #ed20af

This text has a font color of #ed20af.

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

#ed20af background color

This paragraph has a background color of #ed20af.

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

#ed20af border color

This element has a border color of #ed20af.

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

CSS codes

.text {color:#ed20af;}

.background {background-color:#ed20af;}

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

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

#0d0109
```
#0d0109 rgb(13,1,9)
```
#1f0316
```
#1f0316 rgb(31,3,22)
```
#310424
```
#310424 rgb(49,4,36)
```
#430531
```
#430531 rgb(67,5,49)
```
#56073e
```
#56073e rgb(86,7,62)
```
#68084b
```
#68084b rgb(104,8,75)
```
#7a0a58
```
#7a0a58 rgb(122,10,88)
```
#8c0b65
```
#8c0b65 rgb(140,11,101)
```
#9e0d72
```
#9e0d72 rgb(158,13,114)
```
#b00e7f
```
#b00e7f rgb(176,14,127)
```
#c2108c
```
#c2108c rgb(194,16,140)
```
#d51199
```
#d51199 rgb(213,17,153)
```
#e713a7
```
#e713a7 rgb(231,19,167)
```

Shade Color Variation

#ed20af
```
#ed20af rgb(237,32,175)
```
#ee32b6
```
#ee32b6 rgb(238,50,182)
```
#f044bc
```
#f044bc rgb(240,68,188)
```
#f156c3
```
#f156c3 rgb(241,86,195)
```
#f369c9
```
#f369c9 rgb(243,105,201)
```
#f47bd0
```
#f47bd0 rgb(244,123,208)
```
#f68dd6
```
#f68dd6 rgb(246,141,214)
```
#f79fdd
```
#f79fdd rgb(247,159,221)
```
#f9b1e3
```
#f9b1e3 rgb(249,177,227)
```
#fac3ea
```
#fac3ea rgb(250,195,234)
```
#fcd6f0
```
#fcd6f0 rgb(252,214,240)
```
#fde8f7
```
#fde8f7 rgb(253,232,247)
```
#fffafd
```
#fffafd rgb(255,250,253)
```

Tint Color Variation

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

#878687
```
#878687 rgb(135,134,135)
```
#907d8a
```
#907d8a rgb(144,125,138)
```
#9a738e
```
#9a738e rgb(154,115,142)
```
#a36a92
```
#a36a92 rgb(163,106,146)
```
#ac6195
```
#ac6195 rgb(172,97,149)
```
#b55899
```
#b55899 rgb(181,88,153)
```
#bf4e9d
```
#bf4e9d rgb(191,78,157)
```
#c845a0
```
#c845a0 rgb(200,69,160)
```
#d13ca4
```
#d13ca4 rgb(209,60,164)
```
#da33a8
```
#da33a8 rgb(218,51,168)
```
#e429ab
```
#e429ab rgb(228,41,171)
```
#ed20af
```
#ed20af rgb(237,32,175)
```
#f617b3
```
#f617b3 rgb(246,23,179)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#875e7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5284e8 Protanopia 1% of men
#8685a2 Deuteranopia 1% of men
#e65357 Tritanopia 0.001% of the population

Trichromacy

#8a60d3 Protanomaly 1% of men, 0.01% of women
#ab60a7 Deuteranomaly 6% of men, 0.4% of women
#e84077 Tritanomaly 0.01% of the population

#ed20af hex color

#ed20af Color Information

#ed20af Color Conversion

Color Schemes with #ed20af

Alternatives to #ed20af

#ed20af Preview

Shades and Tints of #ed20af

Tones of #ed20af

Color Blindness Simulator