#ed5f54 hex color

In a RGB color space, hex #ed5f54 is composed of 92.9% red, 37.3% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.9% magenta, 64.6% yellow and 7.1% black. It has a hue angle of 4.3 degrees, a saturation of 81% and a lightness of 62.9%. #ed5f54 color hex could be obtained by blending #ffbea8 with #db0000. Closest websafe color is: #ff6666.

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

● #ed5f54 color description : Soft red.

The hexadecimal color #ed5f54 has RGB values of R:237, G:95, B:84 and CMYK values of C:0, M:0.6, Y:0.65, K:0.07. Its decimal value is 15556436.

Hex triplet	ed5f54	`#ed5f54`
RGB Decimal	237, 95, 84	`rgb(237,95,84)`
RGB Percent	92.9, 37.3, 32.9	`rgb(92.9%,37.3%,32.9%)`
CMYK	0, 60, 65, 7
HSL	4.3°, 81, 62.9	`hsl(4.3,81%,62.9%)`
HSV (or HSB)	4.3°, 64.6, 92.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	58.82, 54.119, 34.66
XYZ	40.619, 26.833, 11.427
xyY	0.515, 0.34, 26.833
CIE-LCH	58.82, 64.266, 32.637
CIE-LUV	58.82, 108.96, 28.695
Hunter-Lab	51.801, 49.317, 23.181
Binary	11101101, 01011111, 01010100

#ed5f54
```
#ed5f54 rgb(237,95,84)
```
#54e2ed
```
#54e2ed rgb(84,226,237)
```

Complementary Color

#ed5496
```
#ed5496 rgb(237,84,150)
```
#ed5f54
```
#ed5f54 rgb(237,95,84)
```
#edac54
```
#edac54 rgb(237,172,84)
```

Analogous Color

#5496ed
```
#5496ed rgb(84,150,237)
```
#ed5f54
```
#ed5f54 rgb(237,95,84)
```
#54edac
```
#54edac rgb(84,237,172)
```

Split Complementary Color

#5f54ed
```
#5f54ed rgb(95,84,237)
```
#ed5f54
```
#ed5f54 rgb(237,95,84)
```
#54ed5f
```
#54ed5f rgb(84,237,95)
```

Triadic Color

#ed54e2
```
#ed54e2 rgb(237,84,226)
```
#ed5f54
```
#ed5f54 rgb(237,95,84)
```
#54ed5f
```
#54ed5f rgb(84,237,95)
```
#54e2ed
```
#54e2ed rgb(84,226,237)
```

Tetradic Color

#dd2617
```
#dd2617 rgb(221,38,23)
```
#e83426
```
#e83426 rgb(232,52,38)
```
#eb493d
```
#eb493d rgb(235,73,61)
```
#ed5f54
```
#ed5f54 rgb(237,95,84)
```
#ef756b
```
#ef756b rgb(239,117,107)
```
#f28a82
```
#f28a82 rgb(242,138,130)
```
#f4a099
```
#f4a099 rgb(244,160,153)
```

Monochromatic Color

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

#ed546f
```
#ed546f rgb(237,84,111)
```
#ed5462
```
#ed5462 rgb(237,84,98)
```
#ed5456
```
#ed5456 rgb(237,84,86)
```
#ed5f54
```
#ed5f54 rgb(237,95,84)
```
#ed6c54
```
#ed6c54 rgb(237,108,84)
```
#ed7954
```
#ed7954 rgb(237,121,84)
```
#ed8554
```
#ed8554 rgb(237,133,84)
```

Similar Colors

Text with hexadecimal color #ed5f54

This text has a font color of #ed5f54.

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

#ed5f54 background color

This paragraph has a background color of #ed5f54.

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

#ed5f54 border color

This element has a border color of #ed5f54.

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

CSS codes

.text {color:#ed5f54;}

.background {background-color:#ed5f54;}

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

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

#060101
```
#060101 rgb(6,1,1)
```
#180403
```
#180403 rgb(24,4,3)
```
#2a0704
```
#2a0704 rgb(42,7,4)
```
#3c0a06
```
#3c0a06 rgb(60,10,6)
```
#4d0d08
```
#4d0d08 rgb(77,13,8)
```
#5f100a
```
#5f100a rgb(95,16,10)
```
#71130c
```
#71130c rgb(113,19,12)
```
#83160e
```
#83160e rgb(131,22,14)
```
#941910
```
#941910 rgb(148,25,16)
```
#a61c11
```
#a61c11 rgb(166,28,17)
```
#b81f13
```
#b81f13 rgb(184,31,19)
```
#ca2215
```
#ca2215 rgb(202,34,21)
```
#db2517
```
#db2517 rgb(219,37,23)
```

Shade Color Variation

#e72d1f
```
#e72d1f rgb(231,45,31)
```
#e93e31
```
#e93e31 rgb(233,62,49)
```
#eb4e42
```
#eb4e42 rgb(235,78,66)
```
#ed5f54
```
#ed5f54 rgb(237,95,84)
```
#ef7066
```
#ef7066 rgb(239,112,102)
```
#f18077
```
#f18077 rgb(241,128,119)
```
#f39189
```
#f39189 rgb(243,145,137)
```
#f4a19b
```
#f4a19b rgb(244,161,155)
```
#f6b2ad
```
#f6b2ad rgb(246,178,173)
```
#f8c3be
```
#f8c3be rgb(248,195,190)
```
#fad3d0
```
#fad3d0 rgb(250,211,208)
```
#fce4e2
```
#fce4e2 rgb(252,228,226)
```
#fef4f4
```
#fef4f4 rgb(254,244,244)
```

Tint Color Variation

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

#a49d9d
```
#a49d9d rgb(164,157,157)
```
#ac9795
```
#ac9795 rgb(172,151,149)
```
#b3918e
```
#b3918e rgb(179,145,142)
```
#ba8b87
```
#ba8b87 rgb(186,139,135)
```
#c18480
```
#c18480 rgb(193,132,128)
```
#c97e78
```
#c97e78 rgb(201,126,120)
```
#d07871
```
#d07871 rgb(208,120,113)
```
#d7726a
```
#d7726a rgb(215,114,106)
```
#de6b63
```
#de6b63 rgb(222,107,99)
```
#e6655b
```
#e6655b rgb(230,101,91)
```
#ed5f54
```
#ed5f54 rgb(237,95,84)
```
#f4594d
```
#f4594d rgb(244,89,77)
```
#fc5345
```
#fc5345 rgb(252,83,69)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#9c807e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e936c Protanopia 1% of men
#b28d53 Deuteranopia 1% of men
#ee656b Tritanopia 0.001% of the population

Trichromacy

#ba8063 Protanomaly 1% of men, 0.01% of women
#c77c53 Deuteranomaly 6% of men, 0.4% of women
#ee6262 Tritanomaly 0.01% of the population

#ed5f54 hex color

#ed5f54 Color Information

#ed5f54 Color Conversion

Color Schemes with #ed5f54

Alternatives to #ed5f54

#ed5f54 Preview

Shades and Tints of #ed5f54

Tones of #ed5f54

Color Blindness Simulator