#ed4158 hex color

In a RGB color space, hex #ed4158 is composed of 92.9% red, 25.5% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.6% magenta, 62.9% yellow and 7.1% black. It has a hue angle of 352 degrees, a saturation of 82.7% and a lightness of 59.2%. #ed4158 color hex could be obtained by blending #ff82b0 with #db0000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 93
- G 25
- B 35
RGB color chart
- C 0
- M 73
- Y 63
- K 7
CMYK color chart

● #ed4158 color description : Bright red.

The hexadecimal color #ed4158 has RGB values of R:237, G:65, B:88 and CMYK values of C:0, M:0.73, Y:0.63, K:0.07. Its decimal value is 15548760.

Hex triplet	ed4158	`#ed4158`
RGB Decimal	237, 65, 88	`rgb(237,65,88)`
RGB Percent	92.9, 25.5, 34.5	`rgb(92.9%,25.5%,34.5%)`
CMYK	0, 73, 63, 7
HSL	352°, 82.7, 59.2	`hsl(352,82.7%,59.2%)`
HSV (or HSB)	352°, 72.6, 92.9
Web Safe	ff3366	`#ff3366`

CIE-LAB	54.547, 66.118, 26.979
XYZ	38.578, 22.494, 11.542
xyY	0.531, 0.31, 22.494
CIE-LCH	54.547, 71.411, 22.197
CIE-LUV	54.547, 126.201, 17.511
Hunter-Lab	47.428, 62.195, 18.77
Binary	11101101, 01000001, 01011000

#ed4158
```
#ed4158 rgb(237,65,88)
```
#41edd6
```
#41edd6 rgb(65,237,214)
```

Complementary Color

#ed41ae
```
#ed41ae rgb(237,65,174)
```
#ed4158
```
#ed4158 rgb(237,65,88)
```
#ed8041
```
#ed8041 rgb(237,128,65)
```

Analogous Color

#41aeed
```
#41aeed rgb(65,174,237)
```
#ed4158
```
#ed4158 rgb(237,65,88)
```
#41ed80
```
#41ed80 rgb(65,237,128)
```

Split Complementary Color

#4158ed
```
#4158ed rgb(65,88,237)
```
#ed4158
```
#ed4158 rgb(237,65,88)
```
#58ed41
```
#58ed41 rgb(88,237,65)
```

Triadic Color

#d641ed
```
#d641ed rgb(214,65,237)
```
#ed4158
```
#ed4158 rgb(237,65,88)
```
#58ed41
```
#58ed41 rgb(88,237,65)
```
#41edd6
```
#41edd6 rgb(65,237,214)
```

Tetradic Color

#ce142c
```
#ce142c rgb(206,20,44)
```
#e51631
```
#e51631 rgb(229,22,49)
```
#eb2a44
```
#eb2a44 rgb(235,42,68)
```
#ed4158
```
#ed4158 rgb(237,65,88)
```
#ef586c
```
#ef586c rgb(239,88,108)
```
#f17081
```
#f17081 rgb(241,112,129)
```
#f48795
```
#f48795 rgb(244,135,149)
```

Monochromatic Color

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

#ed4183
```
#ed4183 rgb(237,65,131)
```
#ed4175
```
#ed4175 rgb(237,65,117)
```
#ed4166
```
#ed4166 rgb(237,65,102)
```
#ed4158
```
#ed4158 rgb(237,65,88)
```
#ed414a
```
#ed414a rgb(237,65,74)
```
#ed4741
```
#ed4741 rgb(237,71,65)
```
#ed5541
```
#ed5541 rgb(237,85,65)
```

Similar Colors

Text with hexadecimal color #ed4158

This text has a font color of #ed4158.

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

#ed4158 background color

This paragraph has a background color of #ed4158.

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

#ed4158 border color

This element has a border color of #ed4158.

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

CSS codes

.text {color:#ed4158;}

.background {background-color:#ed4158;}

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

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

#070102
```
#070102 rgb(7,1,2)
```
#190205
```
#190205 rgb(25,2,5)
```
#2b0409
```
#2b0409 rgb(43,4,9)
```
#3d060d
```
#3d060d rgb(61,6,13)
```
#4f0711
```
#4f0711 rgb(79,7,17)
```
#610915
```
#610915 rgb(97,9,21)
```
#730b19
```
#730b19 rgb(115,11,25)
```
#850d1d
```
#850d1d rgb(133,13,29)
```
#960e20
```
#960e20 rgb(150,14,32)
```
#a81024
```
#a81024 rgb(168,16,36)
```
#ba1228
```
#ba1228 rgb(186,18,40)
```
#cc132c
```
#cc132c rgb(204,19,44)
```
#de1530
```
#de1530 rgb(222,21,48)
```

Shade Color Variation

#ea1d39
```
#ea1d39 rgb(234,29,57)
```
#eb2f48
```
#eb2f48 rgb(235,47,72)
```
#ed4158
```
#ed4158 rgb(237,65,88)
```
#ef5368
```
#ef5368 rgb(239,83,104)
```
#f06577
```
#f06577 rgb(240,101,119)
```
#f27787
```
#f27787 rgb(242,119,135)
```
#f48997
```
#f48997 rgb(244,137,151)
```
#f59ba7
```
#f59ba7 rgb(245,155,167)
```
#f7adb6
```
#f7adb6 rgb(247,173,182)
```
#f9bec6
```
#f9bec6 rgb(249,190,198)
```
#fbd0d6
```
#fbd0d6 rgb(251,208,214)
```
#fce2e6
```
#fce2e6 rgb(252,226,230)
```
#fef4f5
```
#fef4f5 rgb(254,244,245)
```

Tint Color Variation

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

#9d9193
```
#9d9193 rgb(157,145,147)
```
#a5898d
```
#a5898d rgb(165,137,141)
```
#ad8187
```
#ad8187 rgb(173,129,135)
```
#b57981
```
#b57981 rgb(181,121,129)
```
#bd717b
```
#bd717b rgb(189,113,123)
```
#c56975
```
#c56975 rgb(197,105,117)
```
#cd616f
```
#cd616f rgb(205,97,111)
```
#d5596a
```
#d5596a rgb(213,89,106)
```
#dd5164
```
#dd5164 rgb(221,81,100)
```
#e5495e
```
#e5495e rgb(229,73,94)
```
#ed4158
```
#ed4158 rgb(237,65,88)
```
#f53952
```
#f53952 rgb(245,57,82)
```
#fd314c
```
#fd314c rgb(253,49,76)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#8f6c71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8878 Protanopia 1% of men
#a48355 Deuteranopia 1% of men
#ed4d51 Tritanopia 0.001% of the population

Trichromacy

#b16e6c Protanomaly 1% of men, 0.01% of women
#bf6b56 Deuteranomaly 6% of men, 0.4% of women
#ed4953 Tritanomaly 0.01% of the population

#ed4158 hex color

#ed4158 Color Information

#ed4158 Color Conversion

Color Schemes with #ed4158

Alternatives to #ed4158

#ed4158 Preview

Shades and Tints of #ed4158

Tones of #ed4158

Color Blindness Simulator