#ed5542 hex color

In a RGB color space, hex #ed5542 is composed of 92.9% red, 33.3% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.1% magenta, 72.2% yellow and 7.1% black. It has a hue angle of 6.7 degrees, a saturation of 82.6% and a lightness of 59.4%. #ed5542 color hex could be obtained by blending #ffaa84 with #db0000. Closest websafe color is: #ff6633.

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

● #ed5542 color description : Bright red.

The hexadecimal color #ed5542 has RGB values of R:237, G:85, B:66 and CMYK values of C:0, M:0.64, Y:0.72, K:0.07. Its decimal value is 15553858.

Hex triplet	ed5542	`#ed5542`
RGB Decimal	237, 85, 66	`rgb(237,85,66)`
RGB Percent	92.9, 33.3, 25.9	`rgb(92.9%,33.3%,25.9%)`
CMYK	0, 64, 72, 7
HSL	6.7°, 82.6, 59.4	`hsl(6.7,82.6%,59.4%)`
HSV (or HSB)	6.7°, 72.2, 92.9
Web Safe	ff6633	`#ff6633`

CIE-LAB	56.977, 57.492, 42.413
XYZ	39.159, 24.899, 7.898
xyY	0.544, 0.346, 24.899
CIE-LCH	56.977, 71.444, 36.417
CIE-LUV	56.977, 119.352, 33.507
Hunter-Lab	49.899, 52.756, 25.545
Binary	11101101, 01010101, 01000010

#ed5542
```
#ed5542 rgb(237,85,66)
```
#42daed
```
#42daed rgb(66,218,237)
```

Complementary Color

#ed4285
```
#ed4285 rgb(237,66,133)
```
#ed5542
```
#ed5542 rgb(237,85,66)
```
#edab42
```
#edab42 rgb(237,171,66)
```

Analogous Color

#4285ed
```
#4285ed rgb(66,133,237)
```
#ed5542
```
#ed5542 rgb(237,85,66)
```
#42edab
```
#42edab rgb(66,237,171)
```

Split Complementary Color

#5542ed
```
#5542ed rgb(85,66,237)
```
#ed5542
```
#ed5542 rgb(237,85,66)
```
#42ed55
```
#42ed55 rgb(66,237,85)
```

Triadic Color

#ed42da
```
#ed42da rgb(237,66,218)
```
#ed5542
```
#ed5542 rgb(237,85,66)
```
#42ed55
```
#42ed55 rgb(66,237,85)
```
#42daed
```
#42daed rgb(66,218,237)
```

Tetradic Color

#cf2814
```
#cf2814 rgb(207,40,20)
```
#e62d16
```
#e62d16 rgb(230,45,22)
```
#eb402b
```
#eb402b rgb(235,64,43)
```
#ed5542
```
#ed5542 rgb(237,85,66)
```
#ef6a59
```
#ef6a59 rgb(239,106,89)
```
#f17f71
```
#f17f71 rgb(241,127,113)
```
#f49488
```
#f49488 rgb(244,148,136)
```

Monochromatic Color

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

#ed425a
```
#ed425a rgb(237,66,90)
```
#ed424c
```
#ed424c rgb(237,66,76)
```
#ed4742
```
#ed4742 rgb(237,71,66)
```
#ed5542
```
#ed5542 rgb(237,85,66)
```
#ed6342
```
#ed6342 rgb(237,99,66)
```
#ed7242
```
#ed7242 rgb(237,114,66)
```
#ed8042
```
#ed8042 rgb(237,128,66)
```

Similar Colors

Text with hexadecimal color #ed5542

This text has a font color of #ed5542.

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

#ed5542 background color

This paragraph has a background color of #ed5542.

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

#ed5542 border color

This element has a border color of #ed5542.

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

CSS codes

.text {color:#ed5542;}

.background {background-color:#ed5542;}

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

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

#080201
```
#080201 rgb(8,2,1)
```
#1a0502
```
#1a0502 rgb(26,5,2)
```
#2c0904
```
#2c0904 rgb(44,9,4)
```
#3e0c06
```
#3e0c06 rgb(62,12,6)
```
#501008
```
#501008 rgb(80,16,8)
```
#621309
```
#621309 rgb(98,19,9)
```
#73170b
```
#73170b rgb(115,23,11)
```
#851a0d
```
#851a0d rgb(133,26,13)
```
#971e0e
```
#971e0e rgb(151,30,14)
```
#a92110
```
#a92110 rgb(169,33,16)
```
#bb2512
```
#bb2512 rgb(187,37,18)
```
#cd2814
```
#cd2814 rgb(205,40,20)
```
#df2c15
```
#df2c15 rgb(223,44,21)
```

Shade Color Variation

#ea351e
```
#ea351e rgb(234,53,30)
```
#eb4530
```
#eb4530 rgb(235,69,48)
```
#ed5542
```
#ed5542 rgb(237,85,66)
```
#ef6554
```
#ef6554 rgb(239,101,84)
```
#f07566
```
#f07566 rgb(240,117,102)
```
#f28578
```
#f28578 rgb(242,133,120)
```
#f4958a
```
#f4958a rgb(244,149,138)
```
#f6a69c
```
#f6a69c rgb(246,166,156)
```
#f7b6ad
```
#f7b6ad rgb(247,182,173)
```
#f9c6bf
```
#f9c6bf rgb(249,198,191)
```
#fbd6d1
```
#fbd6d1 rgb(251,214,209)
```
#fce6e3
```
#fce6e3 rgb(252,230,227)
```
#fef6f5
```
#fef6f5 rgb(254,246,245)
```

Tint Color Variation

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

#9d9392
```
#9d9392 rgb(157,147,146)
```
#a58d8a
```
#a58d8a rgb(165,141,138)
```
#ad8782
```
#ad8782 rgb(173,135,130)
```
#b5807a
```
#b5807a rgb(181,128,122)
```
#bd7a72
```
#bd7a72 rgb(189,122,114)
```
#c5746a
```
#c5746a rgb(197,116,106)
```
#cd6e62
```
#cd6e62 rgb(205,110,98)
```
#d5685a
```
#d5685a rgb(213,104,90)
```
#dd6152
```
#dd6152 rgb(221,97,82)
```
#e55b4a
```
#e55b4a rgb(229,91,74)
```
#ed5542
```
#ed5542 rgb(237,85,66)
```
#f54f3a
```
#f54f3a rgb(245,79,58)
```
#fd4932
```
#fd4932 rgb(253,73,50)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#967774 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b8e5b Protanopia 1% of men
#af8841 Deuteranopia 1% of men
#ee5b5f Tritanopia 0.001% of the population

Trichromacy

#b97952 Protanomaly 1% of men, 0.01% of women
#c57541 Deuteranomaly 6% of men, 0.4% of women
#ee5855 Tritanomaly 0.01% of the population

#ed5542 hex color

#ed5542 Color Information

#ed5542 Color Conversion

Color Schemes with #ed5542

Alternatives to #ed5542

#ed5542 Preview

Shades and Tints of #ed5542

Tones of #ed5542

Color Blindness Simulator