#ed5f56 hex color

In a RGB color space, hex #ed5f56 is composed of 92.9% red, 37.3% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.9% magenta, 63.7% yellow and 7.1% black. It has a hue angle of 3.6 degrees, a saturation of 80.7% and a lightness of 63.3%. #ed5f56 color hex could be obtained by blending #ffbeac with #db0000. Closest websafe color is: #ff6666.

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

● #ed5f56 color description : Soft red.

The hexadecimal color #ed5f56 has RGB values of R:237, G:95, B:86 and CMYK values of C:0, M:0.6, Y:0.64, K:0.07. Its decimal value is 15556438.

Hex triplet	ed5f56	`#ed5f56`
RGB Decimal	237, 95, 86	`rgb(237,95,86)`
RGB Percent	92.9, 37.3, 33.7	`rgb(92.9%,37.3%,33.7%)`
CMYK	0, 60, 64, 7
HSL	3.6°, 80.7, 63.3	`hsl(3.6,80.7%,63.3%)`
HSV (or HSB)	3.6°, 63.7, 92.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	58.849, 54.237, 33.573
XYZ	40.698, 26.865, 11.846
xyY	0.513, 0.338, 26.865
CIE-LCH	58.849, 63.787, 31.758
CIE-LUV	58.849, 108.538, 27.703
Hunter-Lab	51.831, 49.455, 22.731
Binary	11101101, 01011111, 01010110

#ed5f56
```
#ed5f56 rgb(237,95,86)
```
#56e4ed
```
#56e4ed rgb(86,228,237)
```

Complementary Color

#ed5699
```
#ed5699 rgb(237,86,153)
```
#ed5f56
```
#ed5f56 rgb(237,95,86)
```
#edab56
```
#edab56 rgb(237,171,86)
```

Analogous Color

#5699ed
```
#5699ed rgb(86,153,237)
```
#ed5f56
```
#ed5f56 rgb(237,95,86)
```
#56edab
```
#56edab rgb(86,237,171)
```

Split Complementary Color

#5f56ed
```
#5f56ed rgb(95,86,237)
```
#ed5f56
```
#ed5f56 rgb(237,95,86)
```
#56ed5f
```
#56ed5f rgb(86,237,95)
```

Triadic Color

#ed56e4
```
#ed56e4 rgb(237,86,228)
```
#ed5f56
```
#ed5f56 rgb(237,95,86)
```
#56ed5f
```
#56ed5f rgb(86,237,95)
```
#56e4ed
```
#56e4ed rgb(86,228,237)
```

Tetradic Color

#df2418
```
#df2418 rgb(223,36,24)
```
#e83328
```
#e83328 rgb(232,51,40)
```
#eb493f
```
#eb493f rgb(235,73,63)
```
#ed5f56
```
#ed5f56 rgb(237,95,86)
```
#ef756d
```
#ef756d rgb(239,117,109)
```
#f28b84
```
#f28b84 rgb(242,139,132)
```
#f4a09b
```
#f4a09b rgb(244,160,155)
```

Monochromatic Color

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

#ed5673
```
#ed5673 rgb(237,86,115)
```
#ed5666
```
#ed5666 rgb(237,86,102)
```
#ed565a
```
#ed565a rgb(237,86,90)
```
#ed5f56
```
#ed5f56 rgb(237,95,86)
```
#ed6c56
```
#ed6c56 rgb(237,108,86)
```
#ed7856
```
#ed7856 rgb(237,120,86)
```
#ed8556
```
#ed8556 rgb(237,133,86)
```

Similar Colors

Text with hexadecimal color #ed5f56

This text has a font color of #ed5f56.

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

#ed5f56 background color

This paragraph has a background color of #ed5f56.

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

#ed5f56 border color

This element has a border color of #ed5f56.

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

CSS codes

.text {color:#ed5f56;}

.background {background-color:#ed5f56;}

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

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

#080101
```
#080101 rgb(8,1,1)
```
#1a0403
```
#1a0403 rgb(26,4,3)
```
#2c0705
```
#2c0705 rgb(44,7,5)
```
#3d0a07
```
#3d0a07 rgb(61,10,7)
```
#4f0d08
```
#4f0d08 rgb(79,13,8)
```
#610f0a
```
#610f0a rgb(97,15,10)
```
#73120c
```
#73120c rgb(115,18,12)
```
#84150e
```
#84150e rgb(132,21,14)
```
#961810
```
#961810 rgb(150,24,16)
```
#a81b12
```
#a81b12 rgb(168,27,18)
```
#ba1e14
```
#ba1e14 rgb(186,30,20)
```
#cb2016
```
#cb2016 rgb(203,32,22)
```
#dd2318
```
#dd2318 rgb(221,35,24)
```

Shade Color Variation

#e72d21
```
#e72d21 rgb(231,45,33)
```
#e93d33
```
#e93d33 rgb(233,61,51)
```
#eb4e44
```
#eb4e44 rgb(235,78,68)
```
#ed5f56
```
#ed5f56 rgb(237,95,86)
```
#ef7068
```
#ef7068 rgb(239,112,104)
```
#f18179
```
#f18179 rgb(241,129,121)
```
#f3918b
```
#f3918b rgb(243,145,139)
```
#f5a29d
```
#f5a29d rgb(245,162,157)
```
#f6b3af
```
#f6b3af rgb(246,179,175)
```
#f8c4c0
```
#f8c4c0 rgb(248,196,192)
```
#fad4d2
```
#fad4d2 rgb(250,212,210)
```
#fce5e4
```
#fce5e4 rgb(252,229,228)
```
#fef6f6
```
#fef6f6 rgb(254,246,246)
```

Tint Color Variation

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

#a59e9e
```
#a59e9e rgb(165,158,158)
```
#ac9897
```
#ac9897 rgb(172,152,151)
```
#b39290
```
#b39290 rgb(179,146,144)
```
#bb8b88
```
#bb8b88 rgb(187,139,136)
```
#c28581
```
#c28581 rgb(194,133,129)
```
#c97f7a
```
#c97f7a rgb(201,127,122)
```
#d07873
```
#d07873 rgb(208,120,115)
```
#d7726c
```
#d7726c rgb(215,114,108)
```
#df6c64
```
#df6c64 rgb(223,108,100)
```
#e6655d
```
#e6655d rgb(230,101,93)
```
#ed5f56
```
#ed5f56 rgb(237,95,86)
```
#f4594f
```
#f4594f rgb(244,89,79)
```
#fb5248
```
#fb5248 rgb(251,82,72)
```

Tone Color Variation

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

#9d936e Protanopia 1% of men
#b28d55 Deuteranopia 1% of men
#ee656b Tritanopia 0.001% of the population

Trichromacy

#ba8065 Protanomaly 1% of men, 0.01% of women
#c77c55 Deuteranomaly 6% of men, 0.4% of women
#ee6363 Tritanomaly 0.01% of the population

#ed5f56 hex color

#ed5f56 Color Information

#ed5f56 Color Conversion

Color Schemes with #ed5f56

Alternatives to #ed5f56

#ed5f56 Preview

Shades and Tints of #ed5f56

Tones of #ed5f56

Color Blindness Simulator