#ed742a hex color

In a RGB color space, hex #ed742a is composed of 92.9% red, 45.5% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.1% magenta, 82.3% yellow and 7.1% black. It has a hue angle of 22.8 degrees, a saturation of 84.4% and a lightness of 54.7%. #ed742a color hex could be obtained by blending #ffe854 with #db0000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 93
- G 45
- B 16
RGB color chart
- C 0
- M 51
- Y 82
- K 7
CMYK color chart

● #ed742a color description : Bright orange.

The hexadecimal color #ed742a has RGB values of R:237, G:116, B:42 and CMYK values of C:0, M:0.51, Y:0.82, K:0.07. Its decimal value is 15561770.

Hex triplet	ed742a	`#ed742a`
RGB Decimal	237, 116, 42	`rgb(237,116,42)`
RGB Percent	92.9, 45.5, 16.5	`rgb(92.9%,45.5%,16.5%)`
CMYK	0, 51, 82, 7
HSL	22.8°, 84.4, 54.7	`hsl(22.8,84.4%,54.7%)`
HSV (or HSB)	22.8°, 82.3, 92.9
Web Safe	ff6633	`#ff6633`

CIE-LAB	62.225, 42.418, 59.105
XYZ	41.59, 30.666, 5.919
xyY	0.532, 0.392, 30.666
CIE-LCH	62.225, 72.751, 54.334
CIE-LUV	62.225, 99.082, 51.042
Hunter-Lab	55.377, 37.148, 32.426
Binary	11101101, 01110100, 00101010

#ed742a
```
#ed742a rgb(237,116,42)
```
#2aa3ed
```
#2aa3ed rgb(42,163,237)
```

Complementary Color

#ed2a41
```
#ed2a41 rgb(237,42,65)
```
#ed742a
```
#ed742a rgb(237,116,42)
```
#edd62a
```
#edd62a rgb(237,214,42)
```

Analogous Color

#2a41ed
```
#2a41ed rgb(42,65,237)
```
#ed742a
```
#ed742a rgb(237,116,42)
```
#2aedd6
```
#2aedd6 rgb(42,237,214)
```

Split Complementary Color

#742aed
```
#742aed rgb(116,42,237)
```
#ed742a
```
#ed742a rgb(237,116,42)
```
#2aed74
```
#2aed74 rgb(42,237,116)
```

Triadic Color

#ed2aa3
```
#ed2aa3 rgb(237,42,163)
```
#ed742a
```
#ed742a rgb(237,116,42)
```
#2aed74
```
#2aed74 rgb(42,237,116)
```
#2aa3ed
```
#2aa3ed rgb(42,163,237)
```

Tetradic Color

#bb5110
```
#bb5110 rgb(187,81,16)
```
#d25b12
```
#d25b12 rgb(210,91,18)
```
#ea6514
```
#ea6514 rgb(234,101,20)
```
#ed742a
```
#ed742a rgb(237,116,42)
```
#ef8342
```
#ef8342 rgb(239,131,66)
```
#f19359
```
#f19359 rgb(241,147,89)
```
#f3a271
```
#f3a271 rgb(243,162,113)
```

Monochromatic Color

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

#ed432a
```
#ed432a rgb(237,67,42)
```
#ed542a
```
#ed542a rgb(237,84,42)
```
#ed642a
```
#ed642a rgb(237,100,42)
```
#ed742a
```
#ed742a rgb(237,116,42)
```
#ed842a
```
#ed842a rgb(237,132,42)
```
#ed952a
```
#ed952a rgb(237,149,42)
```
#eda52a
```
#eda52a rgb(237,165,42)
```

Similar Colors

Text with hexadecimal color #ed742a

This text has a font color of #ed742a.

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

#ed742a background color

This paragraph has a background color of #ed742a.

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

#ed742a border color

This element has a border color of #ed742a.

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

CSS codes

.text {color:#ed742a;}

.background {background-color:#ed742a;}

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

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

#040200
```
#040200 rgb(4,2,0)
```
#160a02
```
#160a02 rgb(22,10,2)
```
#281103
```
#281103 rgb(40,17,3)
```
#3a1905
```
#3a1905 rgb(58,25,5)
```
#4c2106
```
#4c2106 rgb(76,33,6)
```
#5e2908
```
#5e2908 rgb(94,41,8)
```
#71310a
```
#71310a rgb(113,49,10)
```
#83380b
```
#83380b rgb(131,56,11)
```
#95400d
```
#95400d rgb(149,64,13)
```
#a7480e
```
#a7480e rgb(167,72,14)
```
#b95010
```
#b95010 rgb(185,80,16)
```
#cb5811
```
#cb5811 rgb(203,88,17)
```
#dd5f13
```
#dd5f13 rgb(221,95,19)
```

Shade Color Variation

#eb6818
```
#eb6818 rgb(235,104,24)
```
#ed742a
```
#ed742a rgb(237,116,42)
```
#ef803c
```
#ef803c rgb(239,128,60)
```
#f08c4e
```
#f08c4e rgb(240,140,78)
```
#f29760
```
#f29760 rgb(242,151,96)
```
#f3a372
```
#f3a372 rgb(243,163,114)
```
#f5af84
```
#f5af84 rgb(245,175,132)
```
#f6bb97
```
#f6bb97 rgb(246,187,151)
```
#f8c7a9
```
#f8c7a9 rgb(248,199,169)
```
#f9d2bb
```
#f9d2bb rgb(249,210,187)
```
#fbdecd
```
#fbdecd rgb(251,222,205)
```
#fceadf
```
#fceadf rgb(252,234,223)
```
#fef6f1
```
#fef6f1 rgb(254,246,241)
```

Tint Color Variation

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

#948983
```
#948983 rgb(148,137,131)
```
#9d877a
```
#9d877a rgb(157,135,122)
```
#a68571
```
#a68571 rgb(166,133,113)
```
#af8368
```
#af8368 rgb(175,131,104)
```
#b8815f
```
#b8815f rgb(184,129,95)
```
#c17f56
```
#c17f56 rgb(193,127,86)
```
#c97d4e
```
#c97d4e rgb(201,125,78)
```
#d27a45
```
#d27a45 rgb(210,122,69)
```
#db783c
```
#db783c rgb(219,120,60)
```
#e47633
```
#e47633 rgb(228,118,51)
```
#ed742a
```
#ed742a rgb(237,116,42)
```
#f67221
```
#f67221 rgb(246,114,33)
```
#ff7018
```
#ff7018 rgb(255,112,24)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#a38a7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9c3d Protanopia 1% of men
#c2942a Deuteranopia 1% of men
#f1747b Tritanopia 0.001% of the population

Trichromacy

#c48d36 Protanomaly 1% of men, 0.01% of women
#d1882a Deuteranomaly 6% of men, 0.4% of women
#ef745d Tritanomaly 0.01% of the population

#ed742a hex color

#ed742a Color Information

#ed742a Color Conversion

Color Schemes with #ed742a

Alternatives to #ed742a

#ed742a Preview

Shades and Tints of #ed742a

Tones of #ed742a

Color Blindness Simulator