#ed745f hex color

In a RGB color space, hex #ed745f is composed of 92.9% red, 45.5% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.1% magenta, 59.9% yellow and 7.1% black. It has a hue angle of 8.9 degrees, a saturation of 79.8% and a lightness of 65.1%. #ed745f color hex could be obtained by blending #ffe8be with #db0000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 93
- G 45
- B 37
RGB color chart
- C 0
- M 51
- Y 60
- K 7
CMYK color chart

● #ed745f color description : Soft red.

The hexadecimal color #ed745f has RGB values of R:237, G:116, B:95 and CMYK values of C:0, M:0.51, Y:0.6, K:0.07. Its decimal value is 15561823.

Hex triplet	ed745f	`#ed745f`
RGB Decimal	237, 116, 95	`rgb(237,116,95)`
RGB Percent	92.9, 45.5, 37.3	`rgb(92.9%,45.5%,37.3%)`
CMYK	0, 51, 60, 7
HSL	8.9°, 79.8, 65.1	`hsl(8.9,79.8%,65.1%)`
HSV (or HSB)	8.9°, 59.9, 92.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	62.781, 44.967, 33.474
XYZ	43.237, 31.325, 14.595
xyY	0.485, 0.351, 31.325
CIE-LCH	62.781, 56.058, 36.664
CIE-LUV	62.781, 91.993, 30.937
Hunter-Lab	55.969, 39.949, 23.717
Binary	11101101, 01110100, 01011111

#ed745f
```
#ed745f rgb(237,116,95)
```
#5fd8ed
```
#5fd8ed rgb(95,216,237)
```

Complementary Color

#ed5f91
```
#ed5f91 rgb(237,95,145)
```
#ed745f
```
#ed745f rgb(237,116,95)
```
#edbb5f
```
#edbb5f rgb(237,187,95)
```

Analogous Color

#5f91ed
```
#5f91ed rgb(95,145,237)
```
#ed745f
```
#ed745f rgb(237,116,95)
```
#5fedbb
```
#5fedbb rgb(95,237,187)
```

Split Complementary Color

#745fed
```
#745fed rgb(116,95,237)
```
#ed745f
```
#ed745f rgb(237,116,95)
```
#5fed74
```
#5fed74 rgb(95,237,116)
```

Triadic Color

#ed5fd8
```
#ed5fd8 rgb(237,95,216)
```
#ed745f
```
#ed745f rgb(237,116,95)
```
#5fed74
```
#5fed74 rgb(95,237,116)
```
#5fd8ed
```
#5fd8ed rgb(95,216,237)
```

Tetradic Color

#e5381a
```
#e5381a rgb(229,56,26)
```
#e84c31
```
#e84c31 rgb(232,76,49)
```
#ea6048
```
#ea6048 rgb(234,96,72)
```
#ed745f
```
#ed745f rgb(237,116,95)
```
#f08876
```
#f08876 rgb(240,136,118)
```
#f29c8d
```
#f29c8d rgb(242,156,141)
```
#f5b0a4
```
#f5b0a4 rgb(245,176,164)
```

Monochromatic Color

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

#ed5f6e
```
#ed5f6e rgb(237,95,110)
```
#ed5f62
```
#ed5f62 rgb(237,95,98)
```
#ed685f
```
#ed685f rgb(237,104,95)
```
#ed745f
```
#ed745f rgb(237,116,95)
```
#ed805f
```
#ed805f rgb(237,128,95)
```
#ed8c5f
```
#ed8c5f rgb(237,140,95)
```
#ed985f
```
#ed985f rgb(237,152,95)
```

Similar Colors

Text with hexadecimal color #ed745f

This text has a font color of #ed745f.

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

#ed745f background color

This paragraph has a background color of #ed745f.

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

#ed745f border color

This element has a border color of #ed745f.

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

CSS codes

.text {color:#ed745f;}

.background {background-color:#ed745f;}

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

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

#100402
```
#100402 rgb(16,4,2)
```
#220804
```
#220804 rgb(34,8,4)
```
#340d06
```
#340d06 rgb(52,13,6)
```
#451108
```
#451108 rgb(69,17,8)
```
#57150a
```
#57150a rgb(87,21,10)
```
#68190c
```
#68190c rgb(104,25,12)
```
#7a1e0e
```
#7a1e0e rgb(122,30,14)
```
#8c2210
```
#8c2210 rgb(140,34,16)
```
#9d2612
```
#9d2612 rgb(157,38,18)
```
#af2b14
```
#af2b14 rgb(175,43,20)
```
#c12f16
```
#c12f16 rgb(193,47,22)
```
#d23318
```
#d23318 rgb(210,51,24)
```
#e4381a
```
#e4381a rgb(228,56,26)
```

Shade Color Variation

#e7462a
```
#e7462a rgb(231,70,42)
```
#e9553c
```
#e9553c rgb(233,85,60)
```
#eb654d
```
#eb654d rgb(235,101,77)
```
#ed745f
```
#ed745f rgb(237,116,95)
```
#ef8371
```
#ef8371 rgb(239,131,113)
```
#f19382
```
#f19382 rgb(241,147,130)
```
#f3a294
```
#f3a294 rgb(243,162,148)
```
#f5b1a6
```
#f5b1a6 rgb(245,177,166)
```
#f7c1b7
```
#f7c1b7 rgb(247,193,183)
```
#f9d0c9
```
#f9d0c9 rgb(249,208,201)
```
#fbdfda
```
#fbdfda rgb(251,223,218)
```
#fdefec
```
#fdefec rgb(253,239,236)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#a9a4a3
```
#a9a4a3 rgb(169,164,163)
```
#af9f9d
```
#af9f9d rgb(175,159,157)
```
#b69b96
```
#b69b96 rgb(182,155,150)
```
#bd968f
```
#bd968f rgb(189,150,143)
```
#c49188
```
#c49188 rgb(196,145,136)
```
#cb8c81
```
#cb8c81 rgb(203,140,129)
```
#d2877a
```
#d2877a rgb(210,135,122)
```
#d88274
```
#d88274 rgb(216,130,116)
```
#df7e6d
```
#df7e6d rgb(223,126,109)
```
#e67966
```
#e67966 rgb(230,121,102)
```
#ed745f
```
#ed745f rgb(237,116,95)
```
#f46f58
```
#f46f58 rgb(244,111,88)
```
#fb6a51
```
#fb6a51 rgb(251,106,81)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#a78f8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89d73 Protanopia 1% of men
#bd9660 Deuteranopia 1% of men
#ef777f Tritanopia 0.001% of the population

Trichromacy

#c18e6c Protanomaly 1% of men, 0.01% of women
#ce895f Deuteranomaly 6% of men, 0.4% of women
#ee7673 Tritanomaly 0.01% of the population

#ed745f hex color

#ed745f Color Information

#ed745f Color Conversion

Color Schemes with #ed745f

Alternatives to #ed745f

#ed745f Preview

Shades and Tints of #ed745f

Tones of #ed745f

Color Blindness Simulator