#ed5045 hex color

In a RGB color space, hex #ed5045 is composed of 92.9% red, 31.4% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.2% magenta, 70.9% yellow and 7.1% black. It has a hue angle of 3.9 degrees, a saturation of 82.4% and a lightness of 60%. #ed5045 color hex could be obtained by blending #ffa08a with #db0000. Closest websafe color is: #ff6633.

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

● #ed5045 color description : Bright red.

The hexadecimal color #ed5045 has RGB values of R:237, G:80, B:69 and CMYK values of C:0, M:0.66, Y:0.71, K:0.07. Its decimal value is 15552581.

Hex triplet	ed5045	`#ed5045`
RGB Decimal	237, 80, 69	`rgb(237,80,69)`
RGB Percent	92.9, 31.4, 27.1	`rgb(92.9%,31.4%,27.1%)`
CMYK	0, 66, 71, 7
HSL	3.9°, 82.4, 60	`hsl(3.9,82.4%,60%)`
HSV (or HSB)	3.9°, 70.9, 92.9
Web Safe	ff6633	`#ff6633`

CIE-LAB	56.263, 59.651, 39.963
XYZ	38.87, 24.176, 8.25
xyY	0.545, 0.339, 24.176
CIE-LCH	56.263, 71.8, 33.82
CIE-LUV	56.263, 122.084, 30.803
Hunter-Lab	49.169, 55.064, 24.471
Binary	11101101, 01010000, 01000101

#ed5045
```
#ed5045 rgb(237,80,69)
```
#45e2ed
```
#45e2ed rgb(69,226,237)
```

Complementary Color

#ed458e
```
#ed458e rgb(237,69,142)
```
#ed5045
```
#ed5045 rgb(237,80,69)
```
#eda445
```
#eda445 rgb(237,164,69)
```

Analogous Color

#458eed
```
#458eed rgb(69,142,237)
```
#ed5045
```
#ed5045 rgb(237,80,69)
```
#45eda4
```
#45eda4 rgb(69,237,164)
```

Split Complementary Color

#5045ed
```
#5045ed rgb(80,69,237)
```
#ed5045
```
#ed5045 rgb(237,80,69)
```
#45ed50
```
#45ed50 rgb(69,237,80)
```

Triadic Color

#ed45e2
```
#ed45e2 rgb(237,69,226)
```
#ed5045
```
#ed5045 rgb(237,80,69)
```
#45ed50
```
#45ed50 rgb(69,237,80)
```
#45e2ed
```
#45e2ed rgb(69,226,237)
```

Tetradic Color

#d12114
```
#d12114 rgb(209,33,20)
```
#e92417
```
#e92417 rgb(233,36,23)
```
#eb3a2e
```
#eb3a2e rgb(235,58,46)
```
#ed5045
```
#ed5045 rgb(237,80,69)
```
#ef665c
```
#ef665c rgb(239,102,92)
```
#f27c74
```
#f27c74 rgb(242,124,116)
```
#f4928b
```
#f4928b rgb(244,146,139)
```

Monochromatic Color

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

#ed4564
```
#ed4564 rgb(237,69,100)
```
#ed4556
```
#ed4556 rgb(237,69,86)
```
#ed4548
```
#ed4548 rgb(237,69,72)
```
#ed5045
```
#ed5045 rgb(237,80,69)
```
#ed5e45
```
#ed5e45 rgb(237,94,69)
```
#ed6c45
```
#ed6c45 rgb(237,108,69)
```
#ed7a45
```
#ed7a45 rgb(237,122,69)
```

Similar Colors

Text with hexadecimal color #ed5045

This text has a font color of #ed5045.

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

#ed5045 background color

This paragraph has a background color of #ed5045.

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

#ed5045 border color

This element has a border color of #ed5045.

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

CSS codes

.text {color:#ed5045;}

.background {background-color:#ed5045;}

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

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, #0b0201 is the darkest color, while #fef8f8 is the lightest one.

#0b0201
```
#0b0201 rgb(11,2,1)
```
#1d0403
```
#1d0403 rgb(29,4,3)
```
#2f0704
```
#2f0704 rgb(47,7,4)
```
#400a06
```
#400a06 rgb(64,10,6)
```
#520d08
```
#520d08 rgb(82,13,8)
```
#64100a
```
#64100a rgb(100,16,10)
```
#76120b
```
#76120b rgb(118,18,11)
```
#88150d
```
#88150d rgb(136,21,13)
```
#9a180f
```
#9a180f rgb(154,24,15)
```
#ac1b11
```
#ac1b11 rgb(172,27,17)
```
#be1e12
```
#be1e12 rgb(190,30,18)
```
#cf2014
```
#cf2014 rgb(207,32,20)
```
#e12316
```
#e12316 rgb(225,35,22)
```

Shade Color Variation

#ea2e21
```
#ea2e21 rgb(234,46,33)
```
#eb3f33
```
#eb3f33 rgb(235,63,51)
```
#ed5045
```
#ed5045 rgb(237,80,69)
```
#ef6157
```
#ef6157 rgb(239,97,87)
```
#f07269
```
#f07269 rgb(240,114,105)
```
#f2827b
```
#f2827b rgb(242,130,123)
```
#f4938d
```
#f4938d rgb(244,147,141)
```
#f6a49e
```
#f6a49e rgb(246,164,158)
```
#f7b5b0
```
#f7b5b0 rgb(247,181,176)
```
#f9c6c2
```
#f9c6c2 rgb(249,198,194)
```
#fbd7d4
```
#fbd7d4 rgb(251,215,212)
```
#fde7e6
```
#fde7e6 rgb(253,231,230)
```
#fef8f8
```
#fef8f8 rgb(254,248,248)
```

Tint Color Variation

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

#9f9493
```
#9f9493 rgb(159,148,147)
```
#a68d8c
```
#a68d8c rgb(166,141,140)
```
#ae8784
```
#ae8784 rgb(174,135,132)
```
#b6807c
```
#b6807c rgb(182,128,124)
```
#be7974
```
#be7974 rgb(190,121,116)
```
#c6726c
```
#c6726c rgb(198,114,108)
```
#ce6b64
```
#ce6b64 rgb(206,107,100)
```
#d5645d
```
#d5645d rgb(213,100,93)
```
#dd5e55
```
#dd5e55 rgb(221,94,85)
```
#e5574d
```
#e5574d rgb(229,87,77)
```
#ed5045
```
#ed5045 rgb(237,80,69)
```
#f5493d
```
#f5493d rgb(245,73,61)
```
#fd4235
```
#fd4235 rgb(253,66,53)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#947573 Atypical Achromatopsia 0.001% of the population

Dichromacy

#988d5f Protanopia 1% of men
#ad8643 Deuteranopia 1% of men
#ee575b Tritanopia 0.001% of the population

Trichromacy

#b77655 Protanomaly 1% of men, 0.01% of women
#c47244 Deuteranomaly 6% of men, 0.4% of women
#ed5453 Tritanomaly 0.01% of the population

#ed5045 hex color

#ed5045 Color Information

#ed5045 Color Conversion

Color Schemes with #ed5045

Alternatives to #ed5045

#ed5045 Preview

Shades and Tints of #ed5045

Tones of #ed5045

Color Blindness Simulator