#ed253f hex color

In a RGB color space, hex #ed253f is composed of 92.9% red, 14.5% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.4% magenta, 73.4% yellow and 7.1% black. It has a hue angle of 352.2 degrees, a saturation of 84.7% and a lightness of 53.7%. #ed253f color hex could be obtained by blending #ff4a7e with #db0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 93
- G 15
- B 25
RGB color chart
- C 0
- M 84
- Y 73
- K 7
CMYK color chart

● #ed253f color description : Bright red.

The hexadecimal color #ed253f has RGB values of R:237, G:37, B:63 and CMYK values of C:0, M:0.84, Y:0.73, K:0.07. Its decimal value is 15541567.

Hex triplet	ed253f	`#ed253f`
RGB Decimal	237, 37, 63	`rgb(237,37,63)`
RGB Percent	92.9, 14.5, 24.7	`rgb(92.9%,14.5%,24.7%)`
CMYK	0, 84, 73, 7
HSL	352.2°, 84.7, 53.7	`hsl(352.2,84.7%,53.7%)`
HSV (or HSB)	352.2°, 84.4, 92.9
Web Safe	ff3333	`#ff3333`

CIE-LAB	51.486, 72.494, 37.863
XYZ	36.486, 19.691, 6.582
xyY	0.581, 0.314, 19.691
CIE-LCH	51.486, 81.786, 27.577
CIE-LUV	51.486, 145.405, 23.898
Hunter-Lab	44.375, 69.11, 22.268
Binary	11101101, 00100101, 00111111

#ed253f
```
#ed253f rgb(237,37,63)
```
#25edd3
```
#25edd3 rgb(37,237,211)
```

Complementary Color

#ed25a3
```
#ed25a3 rgb(237,37,163)
```
#ed253f
```
#ed253f rgb(237,37,63)
```
#ed6f25
```
#ed6f25 rgb(237,111,37)
```

Analogous Color

#25a3ed
```
#25a3ed rgb(37,163,237)
```
#ed253f
```
#ed253f rgb(237,37,63)
```
#25ed6f
```
#25ed6f rgb(37,237,111)
```

Split Complementary Color

#253fed
```
#253fed rgb(37,63,237)
```
#ed253f
```
#ed253f rgb(237,37,63)
```
#3fed25
```
#3fed25 rgb(63,237,37)
```

Triadic Color

#d325ed
```
#d325ed rgb(211,37,237)
```
#ed253f
```
#ed253f rgb(237,37,63)
```
#3fed25
```
#3fed25 rgb(63,237,37)
```
#25edd3
```
#25edd3 rgb(37,237,211)
```

Tetradic Color

#b60f25
```
#b60f25 rgb(182,15,37)
```
#ce112a
```
#ce112a rgb(206,17,42)
```
#e6132e
```
#e6132e rgb(230,19,46)
```
#ed253f
```
#ed253f rgb(237,37,63)
```
#ef3d54
```
#ef3d54 rgb(239,61,84)
```
#f15468
```
#f15468 rgb(241,84,104)
```
#f36c7d
```
#f36c7d rgb(243,108,125)
```

Monochromatic Color

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

#ed2571
```
#ed2571 rgb(237,37,113)
```
#ed2560
```
#ed2560 rgb(237,37,96)
```
#ed2550
```
#ed2550 rgb(237,37,80)
```
#ed253f
```
#ed253f rgb(237,37,63)
```
#ed252e
```
#ed252e rgb(237,37,46)
```
#ed2c25
```
#ed2c25 rgb(237,44,37)
```
#ed3d25
```
#ed3d25 rgb(237,61,37)
```

Similar Colors

Text with hexadecimal color #ed253f

This text has a font color of #ed253f.

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

#ed253f background color

This paragraph has a background color of #ed253f.

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

#ed253f border color

This element has a border color of #ed253f.

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

CSS codes

.text {color:#ed253f;}

.background {background-color:#ed253f;}

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

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

#120104
```
#120104 rgb(18,1,4)
```
#240307
```
#240307 rgb(36,3,7)
```
#36040b
```
#36040b rgb(54,4,11)
```
#48060f
```
#48060f rgb(72,6,15)
```
#5a0712
```
#5a0712 rgb(90,7,18)
```
#6c0916
```
#6c0916 rgb(108,9,22)
```
#7e0a19
```
#7e0a19 rgb(126,10,25)
```
#900c1d
```
#900c1d rgb(144,12,29)
```
#a30d21
```
#a30d21 rgb(163,13,33)
```
#b50f24
```
#b50f24 rgb(181,15,36)
```
#c71028
```
#c71028 rgb(199,16,40)
```
#d9122c
```
#d9122c rgb(217,18,44)
```
#eb132f
```
#eb132f rgb(235,19,47)
```

Shade Color Variation

#ed253f
```
#ed253f rgb(237,37,63)
```
#ee374f
```
#ee374f rgb(238,55,79)
```
#f0495f
```
#f0495f rgb(240,73,95)
```
#f15b6f
```
#f15b6f rgb(241,91,111)
```
#f36d7f
```
#f36d7f rgb(243,109,127)
```
#f4808f
```
#f4808f rgb(244,128,143)
```
#f6929f
```
#f6929f rgb(246,146,159)
```
#f7a4af
```
#f7a4af rgb(247,164,175)
```
#f9b6bf
```
#f9b6bf rgb(249,182,191)
```
#fac8cf
```
#fac8cf rgb(250,200,207)
```
#fcdadf
```
#fcdadf rgb(252,218,223)
```
#fdecef
```
#fdecef rgb(253,236,239)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#898989
```
#898989 rgb(137,137,137)
```
#928082
```
#928082 rgb(146,128,130)
```
#9b777b
```
#9b777b rgb(155,119,123)
```
#a46e75
```
#a46e75 rgb(164,110,117)
```
#ad656e
```
#ad656e rgb(173,101,110)
```
#b75b67
```
#b75b67 rgb(183,91,103)
```
#c05261
```
#c05261 rgb(192,82,97)
```
#c9495a
```
#c9495a rgb(201,73,90)
```
#d24053
```
#d24053 rgb(210,64,83)
```
#db374c
```
#db374c rgb(219,55,76)
```
#e42e46
```
#e42e46 rgb(228,46,70)
```
#ed253f
```
#ed253f rgb(237,37,63)
```
#f61c38
```
#f61c38 rgb(246,28,56)
```

Tone Color Variation

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

Dichromacy

#8a8160 Protanopia 1% of men
#9f7b3b Deuteranopia 1% of men
#ed3434 Tritanopia 0.001% of the population

Trichromacy

#ae5f54 Protanomaly 1% of men, 0.01% of women
#bb5c3c Deuteranomaly 6% of men, 0.4% of women
#ed2e38 Tritanomaly 0.01% of the population

#ed253f hex color

#ed253f Color Information

#ed253f Color Conversion

Color Schemes with #ed253f

Alternatives to #ed253f

#ed253f Preview

Shades and Tints of #ed253f

Tones of #ed253f

Color Blindness Simulator