#ed3525 hex color

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

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

● #ed3525 color description : Bright red.

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

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

CIE-LAB	52.607, 67.822, 52.816
XYZ	36.534, 20.689, 3.82
xyY	0.598, 0.339, 20.689
CIE-LCH	52.607, 85.961, 37.909
CIE-LUV	52.607, 143.61, 35.084
Hunter-Lab	45.485, 63.774, 26.86
Binary	11101101, 00110101, 00100101

#ed3525
```
#ed3525 rgb(237,53,37)
```
#25dded
```
#25dded rgb(37,221,237)
```

Complementary Color

#ed2579
```
#ed2579 rgb(237,37,121)
```
#ed3525
```
#ed3525 rgb(237,53,37)
```
#ed9925
```
#ed9925 rgb(237,153,37)
```

Analogous Color

#2579ed
```
#2579ed rgb(37,121,237)
```
#ed3525
```
#ed3525 rgb(237,53,37)
```
#25ed99
```
#25ed99 rgb(37,237,153)
```

Split Complementary Color

#3525ed
```
#3525ed rgb(53,37,237)
```
#ed3525
```
#ed3525 rgb(237,53,37)
```
#25ed35
```
#25ed35 rgb(37,237,53)
```

Triadic Color

#ed25dd
```
#ed25dd rgb(237,37,221)
```
#ed3525
```
#ed3525 rgb(237,53,37)
```
#25ed35
```
#25ed35 rgb(37,237,53)
```
#25dded
```
#25dded rgb(37,221,237)
```

Tetradic Color

#b61c0f
```
#b61c0f rgb(182,28,15)
```
#ce2011
```
#ce2011 rgb(206,32,17)
```
#e62413
```
#e62413 rgb(230,36,19)
```
#ed3525
```
#ed3525 rgb(237,53,37)
```
#ef4b3d
```
#ef4b3d rgb(239,75,61)
```
#f16154
```
#f16154 rgb(241,97,84)
```
#f3766c
```
#f3766c rgb(243,118,108)
```

Monochromatic Color

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

#ed2547
```
#ed2547 rgb(237,37,71)
```
#ed2536
```
#ed2536 rgb(237,37,54)
```
#ed2526
```
#ed2526 rgb(237,37,38)
```
#ed3525
```
#ed3525 rgb(237,53,37)
```
#ed4625
```
#ed4625 rgb(237,70,37)
```
#ed5625
```
#ed5625 rgb(237,86,37)
```
#ed6725
```
#ed6725 rgb(237,103,37)
```

Similar Colors

Text with hexadecimal color #ed3525

This text has a font color of #ed3525.

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

#ed3525 background color

This paragraph has a background color of #ed3525.

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

#ed3525 border color

This element has a border color of #ed3525.

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

CSS codes

.text {color:#ed3525;}

.background {background-color:#ed3525;}

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

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

#120301
```
#120301 rgb(18,3,1)
```
#240603
```
#240603 rgb(36,6,3)
```
#360804
```
#360804 rgb(54,8,4)
```
#480b06
```
#480b06 rgb(72,11,6)
```
#5a0e07
```
#5a0e07 rgb(90,14,7)
```
#6c1109
```
#6c1109 rgb(108,17,9)
```
#7e140a
```
#7e140a rgb(126,20,10)
```
#90170c
```
#90170c rgb(144,23,12)
```
#a3190d
```
#a3190d rgb(163,25,13)
```
#b51c0f
```
#b51c0f rgb(181,28,15)
```
#c71f10
```
#c71f10 rgb(199,31,16)
```
#d92212
```
#d92212 rgb(217,34,18)
```
#eb2513
```
#eb2513 rgb(235,37,19)
```

Shade Color Variation

#ed3525
```
#ed3525 rgb(237,53,37)
```
#ee4637
```
#ee4637 rgb(238,70,55)
```
#f05749
```
#f05749 rgb(240,87,73)
```
#f1675b
```
#f1675b rgb(241,103,91)
```
#f3786d
```
#f3786d rgb(243,120,109)
```
#f48980
```
#f48980 rgb(244,137,128)
```
#f69a92
```
#f69a92 rgb(246,154,146)
```
#f7aba4
```
#f7aba4 rgb(247,171,164)
```
#f9bbb6
```
#f9bbb6 rgb(249,187,182)
```
#faccc8
```
#faccc8 rgb(250,204,200)
```
#fcddda
```
#fcddda rgb(252,221,218)
```
#fdeeec
```
#fdeeec rgb(253,238,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 #f62d1c is the most saturated one.

#898989
```
#898989 rgb(137,137,137)
```
#928180
```
#928180 rgb(146,129,128)
```
#9b7a77
```
#9b7a77 rgb(155,122,119)
```
#a4726e
```
#a4726e rgb(164,114,110)
```
#ad6a65
```
#ad6a65 rgb(173,106,101)
```
#b7635b
```
#b7635b rgb(183,99,91)
```
#c05b52
```
#c05b52 rgb(192,91,82)
```
#c95349
```
#c95349 rgb(201,83,73)
```
#d24c40
```
#d24c40 rgb(210,76,64)
```
#db4437
```
#db4437 rgb(219,68,55)
```
#e43d2e
```
#e43d2e rgb(228,61,46)
```
#ed3525
```
#ed3525 rgb(237,53,37)
```
#f62d1c
```
#f62d1c rgb(246,45,28)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#845f5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#928441 Protanopia 1% of men
#a57d1a Deuteranopia 1% of men
#ee3d3e Tritanopia 0.001% of the population

Trichromacy

#b36736 Protanomaly 1% of men, 0.01% of women
#bf631e Deuteranomaly 6% of men, 0.4% of women
#ed3a35 Tritanomaly 0.01% of the population

#ed3525 hex color

#ed3525 Color Information

#ed3525 Color Conversion

Color Schemes with #ed3525

Alternatives to #ed3525

#ed3525 Preview

Shades and Tints of #ed3525

Tones of #ed3525

Color Blindness Simulator