#ed2525 hex color

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

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

● #ed2525 color description : Bright red.

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

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

CIE-LAB	51.228, 71.728, 51.623
XYZ	35.922, 19.466, 3.616
xyY	0.609, 0.33, 19.466
CIE-LCH	51.228, 88.374, 35.743
CIE-LUV	51.228, 150.725, 32.515
Hunter-Lab	44.12, 68.124, 26.025
Binary	11101101, 00100101, 00100101

#ed2525
```
#ed2525 rgb(237,37,37)
```
#25eded
```
#25eded rgb(37,237,237)
```

Complementary Color

#ed2589
```
#ed2589 rgb(237,37,137)
```
#ed2525
```
#ed2525 rgb(237,37,37)
```
#ed8925
```
#ed8925 rgb(237,137,37)
```

Analogous Color

#2589ed
```
#2589ed rgb(37,137,237)
```
#ed2525
```
#ed2525 rgb(237,37,37)
```
#25ed89
```
#25ed89 rgb(37,237,137)
```

Split Complementary Color

#2525ed
```
#2525ed rgb(37,37,237)
```
#ed2525
```
#ed2525 rgb(237,37,37)
```
#25ed25
```
#25ed25 rgb(37,237,37)
```

Triadic Color

#ed25ed
```
#ed25ed rgb(237,37,237)
```
#ed2525
```
#ed2525 rgb(237,37,37)
```
#25ed25
```
#25ed25 rgb(37,237,37)
```
#25eded
```
#25eded rgb(37,237,237)
```

Tetradic Color

#b60f0f
```
#b60f0f rgb(182,15,15)
```
#ce1111
```
#ce1111 rgb(206,17,17)
```
#e61313
```
#e61313 rgb(230,19,19)
```
#ed2525
```
#ed2525 rgb(237,37,37)
```
#ef3d3d
```
#ef3d3d rgb(239,61,61)
```
#f15454
```
#f15454 rgb(241,84,84)
```
#f36c6c
```
#f36c6c rgb(243,108,108)
```

Monochromatic Color

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

#ed2557
```
#ed2557 rgb(237,37,87)
```
#ed2546
```
#ed2546 rgb(237,37,70)
```
#ed2536
```
#ed2536 rgb(237,37,54)
```
#ed2525
```
#ed2525 rgb(237,37,37)
```
#ed3625
```
#ed3625 rgb(237,54,37)
```
#ed4625
```
#ed4625 rgb(237,70,37)
```
#ed5725
```
#ed5725 rgb(237,87,37)
```

Similar Colors

Text with hexadecimal color #ed2525

This text has a font color of #ed2525.

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

#ed2525 background color

This paragraph has a background color of #ed2525.

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

#ed2525 border color

This element has a border color of #ed2525.

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

CSS codes

.text {color:#ed2525;}

.background {background-color:#ed2525;}

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

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

#120101
```
#120101 rgb(18,1,1)
```
#240303
```
#240303 rgb(36,3,3)
```
#360404
```
#360404 rgb(54,4,4)
```
#480606
```
#480606 rgb(72,6,6)
```
#5a0707
```
#5a0707 rgb(90,7,7)
```
#6c0909
```
#6c0909 rgb(108,9,9)
```
#7e0a0a
```
#7e0a0a rgb(126,10,10)
```
#900c0c
```
#900c0c rgb(144,12,12)
```
#a30d0d
```
#a30d0d rgb(163,13,13)
```
#b50f0f
```
#b50f0f rgb(181,15,15)
```
#c71010
```
#c71010 rgb(199,16,16)
```
#d91212
```
#d91212 rgb(217,18,18)
```
#eb1313
```
#eb1313 rgb(235,19,19)
```

Shade Color Variation

#ed2525
```
#ed2525 rgb(237,37,37)
```
#ee3737
```
#ee3737 rgb(238,55,55)
```
#f04949
```
#f04949 rgb(240,73,73)
```
#f15b5b
```
#f15b5b rgb(241,91,91)
```
#f36d6d
```
#f36d6d rgb(243,109,109)
```
#f48080
```
#f48080 rgb(244,128,128)
```
#f69292
```
#f69292 rgb(246,146,146)
```
#f7a4a4
```
#f7a4a4 rgb(247,164,164)
```
#f9b6b6
```
#f9b6b6 rgb(249,182,182)
```
#fac8c8
```
#fac8c8 rgb(250,200,200)
```
#fcdada
```
#fcdada rgb(252,218,218)
```
#fdecec
```
#fdecec rgb(253,236,236)
```
#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 #f61c1c is the most saturated one.

#898989
```
#898989 rgb(137,137,137)
```
#928080
```
#928080 rgb(146,128,128)
```
#9b7777
```
#9b7777 rgb(155,119,119)
```
#a46e6e
```
#a46e6e rgb(164,110,110)
```
#ad6565
```
#ad6565 rgb(173,101,101)
```
#b75b5b
```
#b75b5b rgb(183,91,91)
```
#c05252
```
#c05252 rgb(192,82,82)
```
#c94949
```
#c94949 rgb(201,73,73)
```
#d24040
```
#d24040 rgb(210,64,64)
```
#db3737
```
#db3737 rgb(219,55,55)
```
#e42e2e
```
#e42e2e rgb(228,46,46)
```
#ed2525
```
#ed2525 rgb(237,37,37)
```
#f61c1c
```
#f61c1c rgb(246,28,28)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#7d5555 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e8143 Protanopia 1% of men
#a17a18 Deuteranopia 1% of men
#ed302f Tritanopia 0.001% of the population

Trichromacy

#b05f38 Protanomaly 1% of men, 0.01% of women
#bc5b1d Deuteranomaly 6% of men, 0.4% of women
#ed2c2b Tritanomaly 0.01% of the population

#ed2525 hex color

#ed2525 Color Information

#ed2525 Color Conversion

Color Schemes with #ed2525

Alternatives to #ed2525

#ed2525 Preview

Shades and Tints of #ed2525

Tones of #ed2525

Color Blindness Simulator