#ed4056 hex color

In a RGB color space, hex #ed4056 is composed of 92.9% red, 25.1% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73% magenta, 63.7% yellow and 7.1% black. It has a hue angle of 352.4 degrees, a saturation of 82.8% and a lightness of 59%. #ed4056 color hex could be obtained by blending #ff80ac with #db0000. Closest websafe color is: #ff3366.

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

● #ed4056 color description : Bright red.

The hexadecimal color #ed4056 has RGB values of R:237, G:64, B:86 and CMYK values of C:0, M:0.73, Y:0.64, K:0.07. Its decimal value is 15548502.

Hex triplet	ed4056	`#ed4056`
RGB Decimal	237, 64, 86	`rgb(237,64,86)`
RGB Percent	92.9, 25.1, 33.7	`rgb(92.9%,25.1%,33.7%)`
CMYK	0, 73, 64, 7
HSL	352.4°, 82.8, 59	`hsl(352.4,82.8%,59%)`
HSV (or HSB)	352.4°, 73, 92.9
Web Safe	ff3366	`#ff3366`

CIE-LAB	54.394, 66.336, 27.959
XYZ	38.44, 22.348, 11.093
xyY	0.535, 0.311, 22.348
CIE-LCH	54.394, 71.987, 22.854
CIE-LUV	54.394, 127.288, 18.327
Hunter-Lab	47.273, 62.417, 19.178
Binary	11101101, 01000000, 01010110

#ed4056
```
#ed4056 rgb(237,64,86)
```
#40edd7
```
#40edd7 rgb(64,237,215)
```

Complementary Color

#ed40ad
```
#ed40ad rgb(237,64,173)
```
#ed4056
```
#ed4056 rgb(237,64,86)
```
#ed8140
```
#ed8140 rgb(237,129,64)
```

Analogous Color

#40aded
```
#40aded rgb(64,173,237)
```
#ed4056
```
#ed4056 rgb(237,64,86)
```
#40ed81
```
#40ed81 rgb(64,237,129)
```

Split Complementary Color

#4056ed
```
#4056ed rgb(64,86,237)
```
#ed4056
```
#ed4056 rgb(237,64,86)
```
#56ed40
```
#56ed40 rgb(86,237,64)
```

Triadic Color

#d740ed
```
#d740ed rgb(215,64,237)
```
#ed4056
```
#ed4056 rgb(237,64,86)
```
#56ed40
```
#56ed40 rgb(86,237,64)
```
#40edd7
```
#40edd7 rgb(64,237,215)
```

Tetradic Color

#cd132b
```
#cd132b rgb(205,19,43)
```
#e41630
```
#e41630 rgb(228,22,48)
```
#eb2941
```
#eb2941 rgb(235,41,65)
```
#ed4056
```
#ed4056 rgb(237,64,86)
```
#ef576b
```
#ef576b rgb(239,87,107)
```
#f16f7f
```
#f16f7f rgb(241,111,127)
```
#f48694
```
#f48694 rgb(244,134,148)
```

Monochromatic Color

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

#ed4081
```
#ed4081 rgb(237,64,129)
```
#ed4073
```
#ed4073 rgb(237,64,115)
```
#ed4064
```
#ed4064 rgb(237,64,100)
```
#ed4056
```
#ed4056 rgb(237,64,86)
```
#ed4048
```
#ed4048 rgb(237,64,72)
```
#ed4740
```
#ed4740 rgb(237,71,64)
```
#ed5540
```
#ed5540 rgb(237,85,64)
```

Similar Colors

Text with hexadecimal color #ed4056

This text has a font color of #ed4056.

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

#ed4056 background color

This paragraph has a background color of #ed4056.

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

#ed4056 border color

This element has a border color of #ed4056.

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

CSS codes

.text {color:#ed4056;}

.background {background-color:#ed4056;}

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

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 #fef3f5 is the lightest one.

#060101
```
#060101 rgb(6,1,1)
```
#180205
```
#180205 rgb(24,2,5)
```
#2a0409
```
#2a0409 rgb(42,4,9)
```
#3c060d
```
#3c060d rgb(60,6,13)
```
#4e0710
```
#4e0710 rgb(78,7,16)
```
#600914
```
#600914 rgb(96,9,20)
```
#720b18
```
#720b18 rgb(114,11,24)
```
#840c1c
```
#840c1c rgb(132,12,28)
```
#960e1f
```
#960e1f rgb(150,14,31)
```
#a81023
```
#a81023 rgb(168,16,35)
```
#b91127
```
#b91127 rgb(185,17,39)
```
#cb132b
```
#cb132b rgb(203,19,43)
```
#dd152e
```
#dd152e rgb(221,21,46)
```

Shade Color Variation

#ea1c36
```
#ea1c36 rgb(234,28,54)
```
#eb2e46
```
#eb2e46 rgb(235,46,70)
```
#ed4056
```
#ed4056 rgb(237,64,86)
```
#ef5266
```
#ef5266 rgb(239,82,102)
```
#f06476
```
#f06476 rgb(240,100,118)
```
#f27686
```
#f27686 rgb(242,118,134)
```
#f48895
```
#f48895 rgb(244,136,149)
```
#f59aa5
```
#f59aa5 rgb(245,154,165)
```
#f7acb5
```
#f7acb5 rgb(247,172,181)
```
#f9bdc5
```
#f9bdc5 rgb(249,189,197)
```
#fbcfd5
```
#fbcfd5 rgb(251,207,213)
```
#fce1e5
```
#fce1e5 rgb(252,225,229)
```
#fef3f5
```
#fef3f5 rgb(254,243,245)
```

Tint Color Variation

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

#9d9092
```
#9d9092 rgb(157,144,146)
```
#a5888c
```
#a5888c rgb(165,136,140)
```
#ad8086
```
#ad8086 rgb(173,128,134)
```
#b57880
```
#b57880 rgb(181,120,128)
```
#bd707a
```
#bd707a rgb(189,112,122)
```
#c56874
```
#c56874 rgb(197,104,116)
```
#cd606e
```
#cd606e rgb(205,96,110)
```
#d55868
```
#d55868 rgb(213,88,104)
```
#dd5062
```
#dd5062 rgb(221,80,98)
```
#e5485c
```
#e5485c rgb(229,72,92)
```
#ed4056
```
#ed4056 rgb(237,64,86)
```
#f53850
```
#f53850 rgb(245,56,80)
```
#fd304a
```
#fd304a rgb(253,48,74)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#8e6b70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8876 Protanopia 1% of men
#a48253 Deuteranopia 1% of men
#ed4c50 Tritanopia 0.001% of the population

Trichromacy

#b16d6a Protanomaly 1% of men, 0.01% of women
#be6a54 Deuteranomaly 6% of men, 0.4% of women
#ed4852 Tritanomaly 0.01% of the population

#ed4056 hex color

#ed4056 Color Information

#ed4056 Color Conversion

Color Schemes with #ed4056

Alternatives to #ed4056

#ed4056 Preview

Shades and Tints of #ed4056

Tones of #ed4056

Color Blindness Simulator