#ed5a45 hex color

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

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

● #ed5a45 color description : Bright red.

The hexadecimal color #ed5a45 has RGB values of R:237, G:90, B:69 and CMYK values of C:0, M:0.62, Y:0.71, K:0.07. Its decimal value is 15555141.

Hex triplet	ed5a45	`#ed5a45`
RGB Decimal	237, 90, 69	`rgb(237,90,69)`
RGB Percent	92.9, 35.3, 27.1	`rgb(92.9%,35.3%,27.1%)`
CMYK	0, 62, 71, 7
HSL	7.5°, 82.4, 60	`hsl(7.5,82.4%,60%)`
HSV (or HSB)	7.5°, 70.9, 92.9
Web Safe	ff6633	`#ff6633`

CIE-LAB	57.8, 55.518, 41.723
XYZ	39.657, 25.751, 8.512
xyY	0.536, 0.348, 25.751
CIE-LCH	57.8, 69.449, 36.926
CIE-LUV	57.8, 115.363, 33.827
Hunter-Lab	50.745, 50.692, 25.576
Binary	11101101, 01011010, 01000101

#ed5a45
```
#ed5a45 rgb(237,90,69)
```
#45d8ed
```
#45d8ed rgb(69,216,237)
```

Complementary Color

#ed4584
```
#ed4584 rgb(237,69,132)
```
#ed5a45
```
#ed5a45 rgb(237,90,69)
```
#edae45
```
#edae45 rgb(237,174,69)
```

Analogous Color

#4584ed
```
#4584ed rgb(69,132,237)
```
#ed5a45
```
#ed5a45 rgb(237,90,69)
```
#45edae
```
#45edae rgb(69,237,174)
```

Split Complementary Color

#5a45ed
```
#5a45ed rgb(90,69,237)
```
#ed5a45
```
#ed5a45 rgb(237,90,69)
```
#45ed5a
```
#45ed5a rgb(69,237,90)
```

Triadic Color

#ed45d8
```
#ed45d8 rgb(237,69,216)
```
#ed5a45
```
#ed5a45 rgb(237,90,69)
```
#45ed5a
```
#45ed5a rgb(69,237,90)
```
#45d8ed
```
#45d8ed rgb(69,216,237)
```

Tetradic Color

#d12c14
```
#d12c14 rgb(209,44,20)
```
#e93117
```
#e93117 rgb(233,49,23)
```
#eb452e
```
#eb452e rgb(235,69,46)
```
#ed5a45
```
#ed5a45 rgb(237,90,69)
```
#ef6f5c
```
#ef6f5c rgb(239,111,92)
```
#f28374
```
#f28374 rgb(242,131,116)
```
#f4988b
```
#f4988b rgb(244,152,139)
```

Monochromatic Color

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

#ed455a
```
#ed455a rgb(237,69,90)
```
#ed454c
```
#ed454c rgb(237,69,76)
```
#ed4c45
```
#ed4c45 rgb(237,76,69)
```
#ed5a45
```
#ed5a45 rgb(237,90,69)
```
#ed6845
```
#ed6845 rgb(237,104,69)
```
#ed7645
```
#ed7645 rgb(237,118,69)
```
#ed8445
```
#ed8445 rgb(237,132,69)
```

Similar Colors

Text with hexadecimal color #ed5a45

This text has a font color of #ed5a45.

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

#ed5a45 background color

This paragraph has a background color of #ed5a45.

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

#ed5a45 border color

This element has a border color of #ed5a45.

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

CSS codes

.text {color:#ed5a45;}

.background {background-color:#ed5a45;}

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

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 #fef9f8 is the lightest one.

#0b0201
```
#0b0201 rgb(11,2,1)
```
#1d0603
```
#1d0603 rgb(29,6,3)
```
#2f0a04
```
#2f0a04 rgb(47,10,4)
```
#400e06
```
#400e06 rgb(64,14,6)
```
#521108
```
#521108 rgb(82,17,8)
```
#64150a
```
#64150a rgb(100,21,10)
```
#76190b
```
#76190b rgb(118,25,11)
```
#881d0d
```
#881d0d rgb(136,29,13)
```
#9a200f
```
#9a200f rgb(154,32,15)
```
#ac2411
```
#ac2411 rgb(172,36,17)
```
#be2812
```
#be2812 rgb(190,40,18)
```
#cf2c14
```
#cf2c14 rgb(207,44,20)
```
#e12f16
```
#e12f16 rgb(225,47,22)
```

Shade Color Variation

#ea3a21
```
#ea3a21 rgb(234,58,33)
```
#eb4a33
```
#eb4a33 rgb(235,74,51)
```
#ed5a45
```
#ed5a45 rgb(237,90,69)
```
#ef6a57
```
#ef6a57 rgb(239,106,87)
```
#f07a69
```
#f07a69 rgb(240,122,105)
```
#f28a7b
```
#f28a7b rgb(242,138,123)
```
#f4998d
```
#f4998d rgb(244,153,141)
```
#f6a99e
```
#f6a99e rgb(246,169,158)
```
#f7b9b0
```
#f7b9b0 rgb(247,185,176)
```
#f9c9c2
```
#f9c9c2 rgb(249,201,194)
```
#fbd9d4
```
#fbd9d4 rgb(251,217,212)
```
#fde9e6
```
#fde9e6 rgb(253,233,230)
```
#fef9f8
```
#fef9f8 rgb(254,249,248)
```

Tint Color Variation

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

#9f9593
```
#9f9593 rgb(159,149,147)
```
#a68f8c
```
#a68f8c rgb(166,143,140)
```
#ae8984
```
#ae8984 rgb(174,137,132)
```
#b6837c
```
#b6837c rgb(182,131,124)
```
#be7d74
```
#be7d74 rgb(190,125,116)
```
#c6776c
```
#c6776c rgb(198,119,108)
```
#ce7264
```
#ce7264 rgb(206,114,100)
```
#d56c5d
```
#d56c5d rgb(213,108,93)
```
#dd6655
```
#dd6655 rgb(221,102,85)
```
#e5604d
```
#e5604d rgb(229,96,77)
```
#ed5a45
```
#ed5a45 rgb(237,90,69)
```
#f5543d
```
#f5543d rgb(245,84,61)
```
#fd4e35
```
#fd4e35 rgb(253,78,53)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#997c77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d905d Protanopia 1% of men
#b18a44 Deuteranopia 1% of men
#ee5f64 Tritanopia 0.001% of the population

Trichromacy

#ba7c54 Protanomaly 1% of men, 0.01% of women
#c77844 Deuteranomaly 6% of men, 0.4% of women
#ee5d59 Tritanomaly 0.01% of the population

#ed5a45 hex color

#ed5a45 Color Information

#ed5a45 Color Conversion

Color Schemes with #ed5a45

Alternatives to #ed5a45

#ed5a45 Preview

Shades and Tints of #ed5a45

Tones of #ed5a45

Color Blindness Simulator