#ed5f63 hex color

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

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

● #ed5f63 color description : Soft red.

The hexadecimal color #ed5f63 has RGB values of R:237, G:95, B:99 and CMYK values of C:0, M:0.6, Y:0.58, K:0.07. Its decimal value is 15556451.

Hex triplet	ed5f63	`#ed5f63`
RGB Decimal	237, 95, 99	`rgb(237,95,99)`
RGB Percent	92.9, 37.3, 38.8	`rgb(92.9%,37.3%,38.8%)`
CMYK	0, 60, 58, 7
HSL	358.3°, 79.8, 65.1	`hsl(358.3,79.8%,65.1%)`
HSV (or HSB)	358.3°, 59.9, 92.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	59.061, 55.082, 26.444
XYZ	41.271, 27.094, 14.86
xyY	0.496, 0.326, 27.094
CIE-LCH	59.061, 61.101, 25.645
CIE-LUV	59.061, 105.586, 20.748
Hunter-Lab	52.052, 50.438, 19.51
Binary	11101101, 01011111, 01100011

#ed5f63
```
#ed5f63 rgb(237,95,99)
```
#5fede9
```
#5fede9 rgb(95,237,233)
```

Complementary Color

#ed5faa
```
#ed5faa rgb(237,95,170)
```
#ed5f63
```
#ed5f63 rgb(237,95,99)
```
#eda25f
```
#eda25f rgb(237,162,95)
```

Analogous Color

#5faaed
```
#5faaed rgb(95,170,237)
```
#ed5f63
```
#ed5f63 rgb(237,95,99)
```
#5feda2
```
#5feda2 rgb(95,237,162)
```

Split Complementary Color

#5f63ed
```
#5f63ed rgb(95,99,237)
```
#ed5f63
```
#ed5f63 rgb(237,95,99)
```
#63ed5f
```
#63ed5f rgb(99,237,95)
```

Triadic Color

#e95fed
```
#e95fed rgb(233,95,237)
```
#ed5f63
```
#ed5f63 rgb(237,95,99)
```
#63ed5f
```
#63ed5f rgb(99,237,95)
```
#5fede9
```
#5fede9 rgb(95,237,233)
```

Tetradic Color

#e51a20
```
#e51a20 rgb(229,26,32)
```
#e83136
```
#e83136 rgb(232,49,54)
```
#ea484d
```
#ea484d rgb(234,72,77)
```
#ed5f63
```
#ed5f63 rgb(237,95,99)
```
#f07679
```
#f07679 rgb(240,118,121)
```
#f28d90
```
#f28d90 rgb(242,141,144)
```
#f5a4a6
```
#f5a4a6 rgb(245,164,166)
```

Monochromatic Color

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

#ed5f87
```
#ed5f87 rgb(237,95,135)
```
#ed5f7b
```
#ed5f7b rgb(237,95,123)
```
#ed5f6f
```
#ed5f6f rgb(237,95,111)
```
#ed5f63
```
#ed5f63 rgb(237,95,99)
```
#ed675f
```
#ed675f rgb(237,103,95)
```
#ed735f
```
#ed735f rgb(237,115,95)
```
#ed7f5f
```
#ed7f5f rgb(237,127,95)
```

Similar Colors

Text with hexadecimal color #ed5f63

This text has a font color of #ed5f63.

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

#ed5f63 background color

This paragraph has a background color of #ed5f63.

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

#ed5f63 border color

This element has a border color of #ed5f63.

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

CSS codes

.text {color:#ed5f63;}

.background {background-color:#ed5f63;}

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

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

#100202
```
#100202 rgb(16,2,2)
```
#220405
```
#220405 rgb(34,4,5)
```
#340607
```
#340607 rgb(52,6,7)
```
#45080a
```
#45080a rgb(69,8,10)
```
#570a0c
```
#570a0c rgb(87,10,12)
```
#680c0e
```
#680c0e rgb(104,12,14)
```
#7a0e11
```
#7a0e11 rgb(122,14,17)
```
#8c1013
```
#8c1013 rgb(140,16,19)
```
#9d1216
```
#9d1216 rgb(157,18,22)
```
#af1418
```
#af1418 rgb(175,20,24)
```
#c1161a
```
#c1161a rgb(193,22,26)
```
#d2181d
```
#d2181d rgb(210,24,29)
```
#e41a1f
```
#e41a1f rgb(228,26,31)
```

Shade Color Variation

#e72a2f
```
#e72a2f rgb(231,42,47)
```
#e93c41
```
#e93c41 rgb(233,60,65)
```
#eb4d52
```
#eb4d52 rgb(235,77,82)
```
#ed5f63
```
#ed5f63 rgb(237,95,99)
```
#ef7174
```
#ef7174 rgb(239,113,116)
```
#f18285
```
#f18285 rgb(241,130,133)
```
#f39497
```
#f39497 rgb(243,148,151)
```
#f5a6a8
```
#f5a6a8 rgb(245,166,168)
```
#f7b7b9
```
#f7b7b9 rgb(247,183,185)
```
#f9c9ca
```
#f9c9ca rgb(249,201,202)
```
#fbdadb
```
#fbdadb rgb(251,218,219)
```
#fdeced
```
#fdeced rgb(253,236,237)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#a9a3a4
```
#a9a3a4 rgb(169,163,164)
```
#af9d9d
```
#af9d9d rgb(175,157,157)
```
#b69697
```
#b69697 rgb(182,150,151)
```
#bd8f90
```
#bd8f90 rgb(189,143,144)
```
#c4888a
```
#c4888a rgb(196,136,138)
```
#cb8183
```
#cb8183 rgb(203,129,131)
```
#d27a7d
```
#d27a7d rgb(210,122,125)
```
#d87476
```
#d87476 rgb(216,116,118)
```
#df6d70
```
#df6d70 rgb(223,109,112)
```
#e66669
```
#e66669 rgb(230,102,105)
```
#ed5f63
```
#ed5f63 rgb(237,95,99)
```
#f4585d
```
#f4585d rgb(244,88,93)
```
#fb5156
```
#fb5156 rgb(251,81,86)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#9e8182 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b937c Protanopia 1% of men
#b08d62 Deuteranopia 1% of men
#ee676d Tritanopia 0.001% of the population

Trichromacy

#b98073 Protanomaly 1% of men, 0.01% of women
#c67c62 Deuteranomaly 6% of men, 0.4% of women
#ed6469 Tritanomaly 0.01% of the population

#ed5f63 hex color

#ed5f63 Color Information

#ed5f63 Color Conversion

Color Schemes with #ed5f63

Alternatives to #ed5f63

#ed5f63 Preview

Shades and Tints of #ed5f63

Tones of #ed5f63

Color Blindness Simulator