#ed2445 hex color

In a RGB color space, hex #ed2445 is composed of 92.9% red, 14.1% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.8% magenta, 70.9% yellow and 7.1% black. It has a hue angle of 350.1 degrees, a saturation of 84.8% and a lightness of 53.5%. #ed2445 color hex could be obtained by blending #ff488a with #db0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 93
- G 14
- B 27
RGB color chart
- C 0
- M 85
- Y 71
- K 7
CMYK color chart

● #ed2445 color description : Bright red.

The hexadecimal color #ed2445 has RGB values of R:237, G:36, B:69 and CMYK values of C:0, M:0.85, Y:0.71, K:0.07. Its decimal value is 15541317.

Hex triplet	ed2445	`#ed2445`
RGB Decimal	237, 36, 69	`rgb(237,36,69)`
RGB Percent	92.9, 14.1, 27.1	`rgb(92.9%,14.1%,27.1%)`
CMYK	0, 85, 71, 7
HSL	350.1°, 84.8, 53.5	`hsl(350.1,84.8%,53.5%)`
HSV (or HSB)	350.1°, 84.8, 92.9
Web Safe	ff3333	`#ff3333`

CIE-LAB	51.497, 72.933, 34.376
XYZ	36.632, 19.701, 7.504
xyY	0.574, 0.309, 19.701
CIE-LCH	51.497, 80.628, 25.236
CIE-LUV	51.497, 144.148, 21.159
Hunter-Lab	44.385, 69.645, 21.046
Binary	11101101, 00100100, 01000101

#ed2445
```
#ed2445 rgb(237,36,69)
```
#24edcc
```
#24edcc rgb(36,237,204)
```

Complementary Color

#ed24aa
```
#ed24aa rgb(237,36,170)
```
#ed2445
```
#ed2445 rgb(237,36,69)
```
#ed6824
```
#ed6824 rgb(237,104,36)
```

Analogous Color

#24aaed
```
#24aaed rgb(36,170,237)
```
#ed2445
```
#ed2445 rgb(237,36,69)
```
#24ed68
```
#24ed68 rgb(36,237,104)
```

Split Complementary Color

#2445ed
```
#2445ed rgb(36,69,237)
```
#ed2445
```
#ed2445 rgb(237,36,69)
```
#45ed24
```
#45ed24 rgb(69,237,36)
```

Triadic Color

#cc24ed
```
#cc24ed rgb(204,36,237)
```
#ed2445
```
#ed2445 rgb(237,36,69)
```
#45ed24
```
#45ed24 rgb(69,237,36)
```
#24edcc
```
#24edcc rgb(36,237,204)
```

Tetradic Color

#b60f2a
```
#b60f2a rgb(182,15,42)
```
#cd1130
```
#cd1130 rgb(205,17,48)
```
#e51335
```
#e51335 rgb(229,19,53)
```
#ed2445
```
#ed2445 rgb(237,36,69)
```
#ef3c59
```
#ef3c59 rgb(239,60,89)
```
#f1536d
```
#f1536d rgb(241,83,109)
```
#f36b81
```
#f36b81 rgb(243,107,129)
```

Monochromatic Color

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

#ed2477
```
#ed2477 rgb(237,36,119)
```
#ed2467
```
#ed2467 rgb(237,36,103)
```
#ed2456
```
#ed2456 rgb(237,36,86)
```
#ed2445
```
#ed2445 rgb(237,36,69)
```
#ed2434
```
#ed2434 rgb(237,36,52)
```
#ed2524
```
#ed2524 rgb(237,37,36)
```
#ed3524
```
#ed3524 rgb(237,53,36)
```

Similar Colors

Text with hexadecimal color #ed2445

This text has a font color of #ed2445.

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

#ed2445 background color

This paragraph has a background color of #ed2445.

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

#ed2445 border color

This element has a border color of #ed2445.

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

CSS codes

.text {color:#ed2445;}

.background {background-color:#ed2445;}

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

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

#110104
```
#110104 rgb(17,1,4)
```
#230308
```
#230308 rgb(35,3,8)
```
#35040c
```
#35040c rgb(53,4,12)
```
#470611
```
#470611 rgb(71,6,17)
```
#590715
```
#590715 rgb(89,7,21)
```
#6b0919
```
#6b0919 rgb(107,9,25)
```
#7d0a1d
```
#7d0a1d rgb(125,10,29)
```
#900c21
```
#900c21 rgb(144,12,33)
```
#a20d26
```
#a20d26 rgb(162,13,38)
```
#b40f2a
```
#b40f2a rgb(180,15,42)
```
#c6102e
```
#c6102e rgb(198,16,46)
```
#d81232
```
#d81232 rgb(216,18,50)
```
#ea1337
```
#ea1337 rgb(234,19,55)
```

Shade Color Variation

#ed2445
```
#ed2445 rgb(237,36,69)
```
#ee3654
```
#ee3654 rgb(238,54,84)
```
#f04864
```
#f04864 rgb(240,72,100)
```
#f15a73
```
#f15a73 rgb(241,90,115)
```
#f36d83
```
#f36d83 rgb(243,109,131)
```
#f47f92
```
#f47f92 rgb(244,127,146)
```
#f691a1
```
#f691a1 rgb(246,145,161)
```
#f7a3b1
```
#f7a3b1 rgb(247,163,177)
```
#f9b5c0
```
#f9b5c0 rgb(249,181,192)
```
#fac7d0
```
#fac7d0 rgb(250,199,208)
```
#fcd9df
```
#fcd9df rgb(252,217,223)
```
#fdebee
```
#fdebee rgb(253,235,238)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#898888
```
#898888 rgb(137,136,136)
```
#927f82
```
#927f82 rgb(146,127,130)
```
#9b767c
```
#9b767c rgb(155,118,124)
```
#a46d76
```
#a46d76 rgb(164,109,118)
```
#ad6470
```
#ad6470 rgb(173,100,112)
```
#b65b6a
```
#b65b6a rgb(182,91,106)
```
#bf5264
```
#bf5264 rgb(191,82,100)
```
#c9485d
```
#c9485d rgb(201,72,93)
```
#d23f57
```
#d23f57 rgb(210,63,87)
```
#db3651
```
#db3651 rgb(219,54,81)
```
#e42d4b
```
#e42d4b rgb(228,45,75)
```
#ed2445
```
#ed2445 rgb(237,36,69)
```
#f61b3f
```
#f61b3f rgb(246,27,63)
```

Tone Color Variation

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

Dichromacy

#898168 Protanopia 1% of men
#9e7b41 Deuteranopia 1% of men
#ed3535 Tritanopia 0.001% of the population

Trichromacy

#ad5f5b Protanomaly 1% of men, 0.01% of women
#bb5b42 Deuteranomaly 6% of men, 0.4% of women
#ed2e3a Tritanomaly 0.01% of the population

#ed2445 hex color

#ed2445 Color Information

#ed2445 Color Conversion

Color Schemes with #ed2445

Alternatives to #ed2445

#ed2445 Preview

Shades and Tints of #ed2445

Tones of #ed2445

Color Blindness Simulator