#ed5534 hex color

In a RGB color space, hex #ed5534 is composed of 92.9% red, 33.3% green and 20.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.1% magenta, 78.1% yellow and 7.1% black. It has a hue angle of 10.7 degrees, a saturation of 83.7% and a lightness of 56.7%. #ed5534 color hex could be obtained by blending #ffaa68 with #db0000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 93
- G 33
- B 20
RGB color chart
- C 0
- M 64
- Y 78
- K 7
CMYK color chart

● #ed5534 color description : Bright red.

The hexadecimal color #ed5534 has RGB values of R:237, G:85, B:52 and CMYK values of C:0, M:0.64, Y:0.78, K:0.07. Its decimal value is 15553844.

Hex triplet	ed5534	`#ed5534`
RGB Decimal	237, 85, 52	`rgb(237,85,52)`
RGB Percent	92.9, 33.3, 20.4	`rgb(92.9%,33.3%,20.4%)`
CMYK	0, 64, 78, 7
HSL	10.7°, 83.7, 56.7	`hsl(10.7,83.7%,56.7%)`
HSV (or HSB)	10.7°, 78.1, 92.9
Web Safe	ff6633	`#ff6633`

CIE-LAB	56.835, 56.951, 49.538
XYZ	38.795, 24.754, 5.984
xyY	0.558, 0.356, 24.754
CIE-LCH	56.835, 75.482, 41.018
CIE-LUV	56.835, 121.679, 38.511
Hunter-Lab	49.753, 52.118, 27.696
Binary	11101101, 01010101, 00110100

#ed5534
```
#ed5534 rgb(237,85,52)
```
#34cced
```
#34cced rgb(52,204,237)
```

Complementary Color

#ed3470
```
#ed3470 rgb(237,52,112)
```
#ed5534
```
#ed5534 rgb(237,85,52)
```
#edb234
```
#edb234 rgb(237,178,52)
```

Analogous Color

#3470ed
```
#3470ed rgb(52,112,237)
```
#ed5534
```
#ed5534 rgb(237,85,52)
```
#34edb2
```
#34edb2 rgb(52,237,178)
```

Split Complementary Color

#5534ed
```
#5534ed rgb(85,52,237)
```
#ed5534
```
#ed5534 rgb(237,85,52)
```
#34ed55
```
#34ed55 rgb(52,237,85)
```

Triadic Color

#ed34cc
```
#ed34cc rgb(237,52,204)
```
#ed5534
```
#ed5534 rgb(237,85,52)
```
#34ed55
```
#34ed55 rgb(52,237,85)
```
#34cced
```
#34cced rgb(52,204,237)
```

Tetradic Color

#c33111
```
#c33111 rgb(195,49,17)
```
#db3713
```
#db3713 rgb(219,55,19)
```
#eb411d
```
#eb411d rgb(235,65,29)
```
#ed5534
```
#ed5534 rgb(237,85,52)
```
#ef694b
```
#ef694b rgb(239,105,75)
```
#f17c63
```
#f17c63 rgb(241,124,99)
```
#f3907a
```
#f3907a rgb(243,144,122)
```

Monochromatic Color

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

#ed3441
```
#ed3441 rgb(237,52,65)
```
#ed3634
```
#ed3634 rgb(237,54,52)
```
#ed4634
```
#ed4634 rgb(237,70,52)
```
#ed5534
```
#ed5534 rgb(237,85,52)
```
#ed6434
```
#ed6434 rgb(237,100,52)
```
#ed7434
```
#ed7434 rgb(237,116,52)
```
#ed8334
```
#ed8334 rgb(237,131,52)
```

Similar Colors

Text with hexadecimal color #ed5534

This text has a font color of #ed5534.

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

#ed5534 background color

This paragraph has a background color of #ed5534.

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

#ed5534 border color

This element has a border color of #ed5534.

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

CSS codes

.text {color:#ed5534;}

.background {background-color:#ed5534;}

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

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, #0d0301 is the darkest color, while #fffbfa is the lightest one.

#0d0301
```
#0d0301 rgb(13,3,1)
```
#1f0803
```
#1f0803 rgb(31,8,3)
```
#310c04
```
#310c04 rgb(49,12,4)
```
#431106
```
#431106 rgb(67,17,6)
```
#551508
```
#551508 rgb(85,21,8)
```
#671a09
```
#671a09 rgb(103,26,9)
```
#791e0b
```
#791e0b rgb(121,30,11)
```
#8b230c
```
#8b230c rgb(139,35,12)
```
#9d280e
```
#9d280e rgb(157,40,14)
```
#af2c10
```
#af2c10 rgb(175,44,16)
```
#c13111
```
#c13111 rgb(193,49,17)
```
#d33513
```
#d33513 rgb(211,53,19)
```
#e53a14
```
#e53a14 rgb(229,58,20)
```

Shade Color Variation

#eb4622
```
#eb4622 rgb(235,70,34)
```
#ed5534
```
#ed5534 rgb(237,85,52)
```
#ef6446
```
#ef6446 rgb(239,100,70)
```
#f07358
```
#f07358 rgb(240,115,88)
```
#f2826a
```
#f2826a rgb(242,130,106)
```
#f3917c
```
#f3917c rgb(243,145,124)
```
#f5a08e
```
#f5a08e rgb(245,160,142)
```
#f7b0a0
```
#f7b0a0 rgb(247,176,160)
```
#f8bfb2
```
#f8bfb2 rgb(248,191,178)
```
#facec4
```
#facec4 rgb(250,206,196)
```
#fbddd6
```
#fbddd6 rgb(251,221,214)
```
#fdece8
```
#fdece8 rgb(253,236,232)
```
#fffbfa
```
#fffbfa rgb(255,251,250)
```

Tint Color Variation

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

#988c89
```
#988c89 rgb(152,140,137)
```
#a18681
```
#a18681 rgb(161,134,129)
```
#a98178
```
#a98178 rgb(169,129,120)
```
#b27b70
```
#b27b70 rgb(178,123,112)
```
#ba7667
```
#ba7667 rgb(186,118,103)
```
#c3705f
```
#c3705f rgb(195,112,95)
```
#cb6b56
```
#cb6b56 rgb(203,107,86)
```
#d4654e
```
#d4654e rgb(212,101,78)
```
#dc6045
```
#dc6045 rgb(220,96,69)
```
#e55a3d
```
#e55a3d rgb(229,90,61)
```
#ed5534
```
#ed5534 rgb(237,85,52)
```
#f6502c
```
#f6502c rgb(246,80,44)
```
#fe4a23
```
#fe4a23 rgb(254,74,35)
```

Tone Color Variation

Below, you can see how #ed5534 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
#957770 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c8e4c Protanopia 1% of men
#b08732 Deuteranopia 1% of men
#ef595e Tritanopia 0.001% of the population

Trichromacy

#b97943 Protanomaly 1% of men, 0.01% of women
#c67532 Deuteranomaly 6% of men, 0.4% of women
#ee584f Tritanomaly 0.01% of the population

#ed5534 hex color

#ed5534 Color Information

#ed5534 Color Conversion

Color Schemes with #ed5534

Alternatives to #ed5534

#ed5534 Preview

Shades and Tints of #ed5534

Tones of #ed5534

Color Blindness Simulator