#ed2f57 hex color

In a RGB color space, hex #ed2f57 is composed of 92.9% red, 18.4% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.2% magenta, 63.3% yellow and 7.1% black. It has a hue angle of 347.4 degrees, a saturation of 84.1% and a lightness of 55.7%. #ed2f57 color hex could be obtained by blending #ff5eae with #db0000. Closest websafe color is: #ff3366.

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

● #ed2f57 color description : Bright red.

The hexadecimal color #ed2f57 has RGB values of R:237, G:47, B:87 and CMYK values of C:0, M:0.8, Y:0.63, K:0.07. Its decimal value is 15544151.

Hex triplet	ed2f57	`#ed2f57`
RGB Decimal	237, 47, 87	`rgb(237,47,87)`
RGB Percent	92.9, 18.4, 34.1	`rgb(92.9%,18.4%,34.1%)`
CMYK	0, 80, 63, 7
HSL	347.4°, 84.1, 55.7	`hsl(347.4,84.1%,55.7%)`
HSV (or HSB)	347.4°, 80.2, 92.9
Web Safe	ff3366	`#ff3366`

CIE-LAB	52.653, 71.334, 25.122
XYZ	37.663, 20.73, 11.034
xyY	0.542, 0.299, 20.73
CIE-LCH	52.653, 75.629, 19.401
CIE-LUV	52.653, 134.729, 13.984
Hunter-Lab	45.53, 67.98, 17.502
Binary	11101101, 00101111, 01010111

#ed2f57
```
#ed2f57 rgb(237,47,87)
```
#2fedc5
```
#2fedc5 rgb(47,237,197)
```

Complementary Color

#ed2fb6
```
#ed2fb6 rgb(237,47,182)
```
#ed2f57
```
#ed2f57 rgb(237,47,87)
```
#ed662f
```
#ed662f rgb(237,102,47)
```

Analogous Color

#2fb6ed
```
#2fb6ed rgb(47,182,237)
```
#ed2f57
```
#ed2f57 rgb(237,47,87)
```
#2fed66
```
#2fed66 rgb(47,237,102)
```

Split Complementary Color

#2f57ed
```
#2f57ed rgb(47,87,237)
```
#ed2f57
```
#ed2f57 rgb(237,47,87)
```
#57ed2f
```
#57ed2f rgb(87,237,47)
```

Triadic Color

#c52fed
```
#c52fed rgb(197,47,237)
```
#ed2f57
```
#ed2f57 rgb(237,47,87)
```
#57ed2f
```
#57ed2f rgb(87,237,47)
```
#2fedc5
```
#2fedc5 rgb(47,237,197)
```

Tetradic Color

#bf1135
```
#bf1135 rgb(191,17,53)
```
#d6133c
```
#d6133c rgb(214,19,60)
```
#eb1844
```
#eb1844 rgb(235,24,68)
```
#ed2f57
```
#ed2f57 rgb(237,47,87)
```
#ef466a
```
#ef466a rgb(239,70,106)
```
#f15e7d
```
#f15e7d rgb(241,94,125)
```
#f37590
```
#f37590 rgb(243,117,144)
```

Monochromatic Color

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

#ed2f87
```
#ed2f87 rgb(237,47,135)
```
#ed2f77
```
#ed2f77 rgb(237,47,119)
```
#ed2f67
```
#ed2f67 rgb(237,47,103)
```
#ed2f57
```
#ed2f57 rgb(237,47,87)
```
#ed2f47
```
#ed2f47 rgb(237,47,71)
```
#ed2f37
```
#ed2f37 rgb(237,47,55)
```
#ed372f
```
#ed372f rgb(237,55,47)
```

Similar Colors

Text with hexadecimal color #ed2f57

This text has a font color of #ed2f57.

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

#ed2f57 background color

This paragraph has a background color of #ed2f57.

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

#ed2f57 border color

This element has a border color of #ed2f57.

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

CSS codes

.text {color:#ed2f57;}

.background {background-color:#ed2f57;}

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

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

#090102
```
#090102 rgb(9,1,2)
```
#1b0207
```
#1b0207 rgb(27,2,7)
```
#2d040c
```
#2d040c rgb(45,4,12)
```
#3f0512
```
#3f0512 rgb(63,5,18)
```
#510717
```
#510717 rgb(81,7,23)
```
#63091c
```
#63091c rgb(99,9,28)
```
#750a21
```
#750a21 rgb(117,10,33)
```
#870c26
```
#870c26 rgb(135,12,38)
```
#990d2b
```
#990d2b rgb(153,13,43)
```
#ab0f30
```
#ab0f30 rgb(171,15,48)
```
#bd1035
```
#bd1035 rgb(189,16,53)
```
#cf123a
```
#cf123a rgb(207,18,58)
```
#e1133f
```
#e1133f rgb(225,19,63)
```

Shade Color Variation

#eb1d48
```
#eb1d48 rgb(235,29,72)
```
#ed2f57
```
#ed2f57 rgb(237,47,87)
```
#ef4166
```
#ef4166 rgb(239,65,102)
```
#f05374
```
#f05374 rgb(240,83,116)
```
#f26583
```
#f26583 rgb(242,101,131)
```
#f37791
```
#f37791 rgb(243,119,145)
```
#f589a0
```
#f589a0 rgb(245,137,160)
```
#f69bae
```
#f69bae rgb(246,155,174)
```
#f8adbd
```
#f8adbd rgb(248,173,189)
```
#f9bfcc
```
#f9bfcc rgb(249,191,204)
```
#fbd1da
```
#fbd1da rgb(251,209,218)
```
#fde4e9
```
#fde4e9 rgb(253,228,233)
```
#fef6f7
```
#fef6f7 rgb(254,246,247)
```

Tint Color Variation

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

#968689
```
#968689 rgb(150,134,137)
```
#9f7d84
```
#9f7d84 rgb(159,125,132)
```
#a7757f
```
#a7757f rgb(167,117,127)
```
#b06c7a
```
#b06c7a rgb(176,108,122)
```
#b96375
```
#b96375 rgb(185,99,117)
```
#c25a70
```
#c25a70 rgb(194,90,112)
```
#ca526b
```
#ca526b rgb(202,82,107)
```
#d34966
```
#d34966 rgb(211,73,102)
```
#dc4061
```
#dc4061 rgb(220,64,97)
```
#e4385c
```
#e4385c rgb(228,56,92)
```
#ed2f57
```
#ed2f57 rgb(237,47,87)
```
#f62652
```
#f62652 rgb(246,38,82)
```
#fe1e4d
```
#fe1e4d rgb(254,30,77)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#866068 Atypical Achromatopsia 0.001% of the population

Dichromacy

#88837b Protanopia 1% of men
#9f7e53 Deuteranopia 1% of men
#ec4042 Tritanopia 0.001% of the population

Trichromacy

#ad656e Protanomaly 1% of men, 0.01% of women
#bb6154 Deuteranomaly 6% of men, 0.4% of women
#ec3a49 Tritanomaly 0.01% of the population

#ed2f57 hex color

#ed2f57 Color Information

#ed2f57 Color Conversion

Color Schemes with #ed2f57

Alternatives to #ed2f57

#ed2f57 Preview

Shades and Tints of #ed2f57

Tones of #ed2f57

Color Blindness Simulator