#ed504d hex color

In a RGB color space, hex #ed504d is composed of 92.9% red, 31.4% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.2% magenta, 67.5% yellow and 7.1% black. It has a hue angle of 1.1 degrees, a saturation of 81.6% and a lightness of 61.6%. #ed504d color hex could be obtained by blending #ffa09a with #db0000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 93
- G 31
- B 30
RGB color chart
- C 0
- M 66
- Y 68
- K 7
CMYK color chart

● #ed504d color description : Soft red.

The hexadecimal color #ed504d has RGB values of R:237, G:80, B:77 and CMYK values of C:0, M:0.66, Y:0.68, K:0.07. Its decimal value is 15552589.

Hex triplet	ed504d	`#ed504d`
RGB Decimal	237, 80, 77	`rgb(237,80,77)`
RGB Percent	92.9, 31.4, 30.2	`rgb(92.9%,31.4%,30.2%)`
CMYK	0, 66, 68, 7
HSL	1.1°, 81.6, 61.6	`hsl(1.1,81.6%,61.6%)`
HSV (or HSB)	1.1°, 67.5, 92.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	56.369, 60.038, 35.613
XYZ	39.135, 24.282, 9.647
xyY	0.536, 0.332, 24.282
CIE-LCH	56.369, 69.806, 30.676
CIE-LUV	56.369, 120.372, 27.246
Hunter-Lab	49.277, 55.528, 22.886
Binary	11101101, 01010000, 01001101

#ed504d
```
#ed504d rgb(237,80,77)
```
#4deaed
```
#4deaed rgb(77,234,237)
```

Complementary Color

#ed4d9a
```
#ed4d9a rgb(237,77,154)
```
#ed504d
```
#ed504d rgb(237,80,77)
```
#eda04d
```
#eda04d rgb(237,160,77)
```

Analogous Color

#4d9aed
```
#4d9aed rgb(77,154,237)
```
#ed504d
```
#ed504d rgb(237,80,77)
```
#4deda0
```
#4deda0 rgb(77,237,160)
```

Split Complementary Color

#504ded
```
#504ded rgb(80,77,237)
```
#ed504d
```
#ed504d rgb(237,80,77)
```
#4ded50
```
#4ded50 rgb(77,237,80)
```

Triadic Color

#ed4dea
```
#ed4dea rgb(237,77,234)
```
#ed504d
```
#ed504d rgb(237,80,77)
```
#4ded50
```
#4ded50 rgb(77,237,80)
```
#4deaed
```
#4deaed rgb(77,234,237)
```

Tetradic Color

#d81916
```
#d81916 rgb(216,25,22)
```
#e8221f
```
#e8221f rgb(232,34,31)
```
#eb3936
```
#eb3936 rgb(235,57,54)
```
#ed504d
```
#ed504d rgb(237,80,77)
```
#ef6764
```
#ef6764 rgb(239,103,100)
```
#f27e7b
```
#f27e7b rgb(242,126,123)
```
#f49492
```
#f49492 rgb(244,148,146)
```

Monochromatic Color

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

#ed4d72
```
#ed4d72 rgb(237,77,114)
```
#ed4d65
```
#ed4d65 rgb(237,77,101)
```
#ed4d57
```
#ed4d57 rgb(237,77,87)
```
#ed504d
```
#ed504d rgb(237,80,77)
```
#ed5d4d
```
#ed5d4d rgb(237,93,77)
```
#ed6b4d
```
#ed6b4d rgb(237,107,77)
```
#ed784d
```
#ed784d rgb(237,120,77)
```

Similar Colors

Text with hexadecimal color #ed504d

This text has a font color of #ed504d.

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

#ed504d background color

This paragraph has a background color of #ed504d.

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

#ed504d border color

This element has a border color of #ed504d.

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

CSS codes

.text {color:#ed504d;}

.background {background-color:#ed504d;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#120202
```
#120202 rgb(18,2,2)
```
#240404
```
#240404 rgb(36,4,4)
```
#360605
```
#360605 rgb(54,6,5)
```
#470807
```
#470807 rgb(71,8,7)
```
#590b09
```
#590b09 rgb(89,11,9)
```
#6b0d0b
```
#6b0d0b rgb(107,13,11)
```
#7d0f0d
```
#7d0f0d rgb(125,15,13)
```
#8f110e
```
#8f110e rgb(143,17,14)
```
#a01310
```
#a01310 rgb(160,19,16)
```
#b21512
```
#b21512 rgb(178,21,18)
```
#c41714
```
#c41714 rgb(196,23,20)
```
#d61916
```
#d61916 rgb(214,25,22)
```

Shade Color Variation

#e81b18
```
#e81b18 rgb(232,27,24)
```
#e92d29
```
#e92d29 rgb(233,45,41)
```
#eb3e3b
```
#eb3e3b rgb(235,62,59)
```
#ed504d
```
#ed504d rgb(237,80,77)
```
#ef625f
```
#ef625f rgb(239,98,95)
```
#f17371
```
#f17371 rgb(241,115,113)
```
#f28582
```
#f28582 rgb(242,133,130)
```
#f49694
```
#f49694 rgb(244,150,148)
```
#f6a8a6
```
#f6a8a6 rgb(246,168,166)
```
#f8b9b8
```
#f8b9b8 rgb(248,185,184)
```
#facbca
```
#facbca rgb(250,203,202)
```
#fbdcdc
```
#fbdcdc rgb(251,220,220)
```
#fdeeed
```
#fdeeed rgb(253,238,237)
```

Tint Color Variation

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

#a29998
```
#a29998 rgb(162,153,152)
```
#a99191
```
#a99191 rgb(169,145,145)
```
#b18a89
```
#b18a89 rgb(177,138,137)
```
#b88382
```
#b88382 rgb(184,131,130)
```
#c07c7a
```
#c07c7a rgb(192,124,122)
```
#c77473
```
#c77473 rgb(199,116,115)
```
#cf6d6b
```
#cf6d6b rgb(207,109,107)
```
#d66664
```
#d66664 rgb(214,102,100)
```
#de5f5c
```
#de5f5c rgb(222,95,92)
```
#e55755
```
#e55755 rgb(229,87,85)
```
#ed504d
```
#ed504d rgb(237,80,77)
```
#f54945
```
#f54945 rgb(245,73,69)
```
#fc413e
```
#fc413e rgb(252,65,62)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#957675 Atypical Achromatopsia 0.001% of the population

Dichromacy

#978d68 Protanopia 1% of men
#ac874b Deuteranopia 1% of men
#ee585c Tritanopia 0.001% of the population

Trichromacy

#b6765e Protanomaly 1% of men, 0.01% of women
#c3734c Deuteranomaly 6% of men, 0.4% of women
#ed5556 Tritanomaly 0.01% of the population

#ed504d hex color

#ed504d Color Information

#ed504d Color Conversion

Color Schemes with #ed504d

Alternatives to #ed504d

#ed504d Preview

Shades and Tints of #ed504d

Tones of #ed504d

Color Blindness Simulator