#ed2057 hex color

In a RGB color space, hex #ed2057 is composed of 92.9% red, 12.5% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.5% magenta, 63.3% yellow and 7.1% black. It has a hue angle of 343.9 degrees, a saturation of 85.1% and a lightness of 52.7%. #ed2057 color hex could be obtained by blending #ff40ae with #db0000. Closest websafe color is: #ff3366.

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

● #ed2057 color description : Vivid pink.

The hexadecimal color #ed2057 has RGB values of R:237, G:32, B:87 and CMYK values of C:0, M:0.86, Y:0.63, K:0.07. Its decimal value is 15540311.

Hex triplet	ed2057	`#ed2057`
RGB Decimal	237, 32, 87	`rgb(237,32,87)`
RGB Percent	92.9, 12.5, 34.1	`rgb(92.9%,12.5%,34.1%)`
CMYK	0, 86, 63, 7
HSL	343.9°, 85.1, 52.7	`hsl(343.9,85.1%,52.7%)`
HSV (or HSB)	343.9°, 86.5, 92.9
Web Safe	ff3366	`#ff3366`

CIE-LAB	51.531, 74.539, 23.659
XYZ	37.164, 19.73, 10.868
xyY	0.548, 0.291, 19.73
CIE-LCH	51.531, 78.203, 17.61
CIE-LUV	51.531, 139.761, 11.525
Hunter-Lab	44.419, 71.612, 16.587
Binary	11101101, 00100000, 01010111

#ed2057
```
#ed2057 rgb(237,32,87)
```
#20edb6
```
#20edb6 rgb(32,237,182)
```

Complementary Color

#ed20be
```
#ed20be rgb(237,32,190)
```
#ed2057
```
#ed2057 rgb(237,32,87)
```
#ed5020
```
#ed5020 rgb(237,80,32)
```

Analogous Color

#20beed
```
#20beed rgb(32,190,237)
```
#ed2057
```
#ed2057 rgb(237,32,87)
```
#20ed50
```
#20ed50 rgb(32,237,80)
```

Split Complementary Color

#2057ed
```
#2057ed rgb(32,87,237)
```
#ed2057
```
#ed2057 rgb(237,32,87)
```
#57ed20
```
#57ed20 rgb(87,237,32)
```

Triadic Color

#b620ed
```
#b620ed rgb(182,32,237)
```
#ed2057
```
#ed2057 rgb(237,32,87)
```
#57ed20
```
#57ed20 rgb(87,237,32)
```
#20edb6
```
#20edb6 rgb(32,237,182)
```

Tetradic Color

#b20e3a
```
#b20e3a rgb(178,14,58)
```
#ca1042
```
#ca1042 rgb(202,16,66)
```
#e1124a
```
#e1124a rgb(225,18,74)
```
#ed2057
```
#ed2057 rgb(237,32,87)
```
#ef3869
```
#ef3869 rgb(239,56,105)
```
#f14f7b
```
#f14f7b rgb(241,79,123)
```
#f3678c
```
#f3678c rgb(243,103,140)
```

Monochromatic Color

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

#ed208a
```
#ed208a rgb(237,32,138)
```
#ed2079
```
#ed2079 rgb(237,32,121)
```
#ed2068
```
#ed2068 rgb(237,32,104)
```
#ed2057
```
#ed2057 rgb(237,32,87)
```
#ed2046
```
#ed2046 rgb(237,32,70)
```
#ed2035
```
#ed2035 rgb(237,32,53)
```
#ed2024
```
#ed2024 rgb(237,32,36)
```

Similar Colors

Text with hexadecimal color #ed2057

This text has a font color of #ed2057.

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

#ed2057 background color

This paragraph has a background color of #ed2057.

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

#ed2057 border color

This element has a border color of #ed2057.

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

CSS codes

.text {color:#ed2057;}

.background {background-color:#ed2057;}

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

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

#0d0104
```
#0d0104 rgb(13,1,4)
```
#1f030a
```
#1f030a rgb(31,3,10)
```
#310410
```
#310410 rgb(49,4,16)
```
#430516
```
#430516 rgb(67,5,22)
```
#56071c
```
#56071c rgb(86,7,28)
```
#680822
```
#680822 rgb(104,8,34)
```
#7a0a28
```
#7a0a28 rgb(122,10,40)
```
#8c0b2e
```
#8c0b2e rgb(140,11,46)
```
#9e0d34
```
#9e0d34 rgb(158,13,52)
```
#b00e3a
```
#b00e3a rgb(176,14,58)
```
#c21040
```
#c21040 rgb(194,16,64)
```
#d51146
```
#d51146 rgb(213,17,70)
```
#e7134c
```
#e7134c rgb(231,19,76)
```

Shade Color Variation

#ed2057
```
#ed2057 rgb(237,32,87)
```
#ee3265
```
#ee3265 rgb(238,50,101)
```
#f04472
```
#f04472 rgb(240,68,114)
```
#f15680
```
#f15680 rgb(241,86,128)
```
#f3698e
```
#f3698e rgb(243,105,142)
```
#f47b9b
```
#f47b9b rgb(244,123,155)
```
#f68da9
```
#f68da9 rgb(246,141,169)
```
#f79fb7
```
#f79fb7 rgb(247,159,183)
```
#f9b1c4
```
#f9b1c4 rgb(249,177,196)
```
#fac3d2
```
#fac3d2 rgb(250,195,210)
```
#fcd6e0
```
#fcd6e0 rgb(252,214,224)
```
#fde8ed
```
#fde8ed rgb(253,232,237)
```
#fffafb
```
#fffafb rgb(255,250,251)
```

Tint Color Variation

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

#878686
```
#878686 rgb(135,134,134)
```
#907d82
```
#907d82 rgb(144,125,130)
```
#9a737e
```
#9a737e rgb(154,115,126)
```
#a36a79
```
#a36a79 rgb(163,106,121)
```
#ac6175
```
#ac6175 rgb(172,97,117)
```
#b55871
```
#b55871 rgb(181,88,113)
```
#bf4e6c
```
#bf4e6c rgb(191,78,108)
```
#c84568
```
#c84568 rgb(200,69,104)
```
#d13c64
```
#d13c64 rgb(209,60,100)
```
#da3360
```
#da3360 rgb(218,51,96)
```
#e4295b
```
#e4295b rgb(228,41,91)
```
#ed2057
```
#ed2057 rgb(237,32,87)
```
#f61753
```
#f61753 rgb(246,23,83)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#7f5661 Atypical Achromatopsia 0.001% of the population

Dichromacy

#84817e Protanopia 1% of men
#9b7c52 Deuteranopia 1% of men
#ec3637 Tritanopia 0.001% of the population

Trichromacy

#aa5d70 Protanomaly 1% of men, 0.01% of women
#b95a54 Deuteranomaly 6% of men, 0.4% of women
#ec2e42 Tritanomaly 0.01% of the population

#ed2057 hex color

#ed2057 Color Information

#ed2057 Color Conversion

Color Schemes with #ed2057

Alternatives to #ed2057

#ed2057 Preview

Shades and Tints of #ed2057

Tones of #ed2057

Color Blindness Simulator