#ed742f hex color

In a RGB color space, hex #ed742f is composed of 92.9% red, 45.5% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.1% magenta, 80.2% yellow and 7.1% black. It has a hue angle of 21.8 degrees, a saturation of 84.1% and a lightness of 55.7%. #ed742f color hex could be obtained by blending #ffe85e with #db0000. Closest websafe color is: #ff6633.

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

● #ed742f color description : Bright orange.

The hexadecimal color #ed742f has RGB values of R:237, G:116, B:47 and CMYK values of C:0, M:0.51, Y:0.8, K:0.07. Its decimal value is 15561775.

Hex triplet	ed742f	`#ed742f`
RGB Decimal	237, 116, 47	`rgb(237,116,47)`
RGB Percent	92.9, 45.5, 18.4	`rgb(92.9%,45.5%,18.4%)`
CMYK	0, 51, 80, 7
HSL	21.8°, 84.1, 55.7	`hsl(21.8,84.1%,55.7%)`
HSV (or HSB)	21.8°, 80.2, 92.9
Web Safe	ff6633	`#ff6633`

CIE-LAB	62.257, 42.567, 57.081
XYZ	41.685, 30.705, 6.421
xyY	0.529, 0.39, 30.705
CIE-LCH	62.257, 71.205, 53.287
CIE-LUV	62.257, 98.646, 49.811
Hunter-Lab	55.412, 37.312, 31.918
Binary	11101101, 01110100, 00101111

#ed742f
```
#ed742f rgb(237,116,47)
```
#2fa8ed
```
#2fa8ed rgb(47,168,237)
```

Complementary Color

#ed2f49
```
#ed2f49 rgb(237,47,73)
```
#ed742f
```
#ed742f rgb(237,116,47)
```
#edd32f
```
#edd32f rgb(237,211,47)
```

Analogous Color

#2f49ed
```
#2f49ed rgb(47,73,237)
```
#ed742f
```
#ed742f rgb(237,116,47)
```
#2fedd3
```
#2fedd3 rgb(47,237,211)
```

Split Complementary Color

#742fed
```
#742fed rgb(116,47,237)
```
#ed742f
```
#ed742f rgb(237,116,47)
```
#2fed74
```
#2fed74 rgb(47,237,116)
```

Triadic Color

#ed2fa8
```
#ed2fa8 rgb(237,47,168)
```
#ed742f
```
#ed742f rgb(237,116,47)
```
#2fed74
```
#2fed74 rgb(47,237,116)
```
#2fa8ed
```
#2fa8ed rgb(47,168,237)
```

Tetradic Color

#bf5011
```
#bf5011 rgb(191,80,17)
```
#d65a13
```
#d65a13 rgb(214,90,19)
```
#eb6418
```
#eb6418 rgb(235,100,24)
```
#ed742f
```
#ed742f rgb(237,116,47)
```
#ef8446
```
#ef8446 rgb(239,132,70)
```
#f1935e
```
#f1935e rgb(241,147,94)
```
#f3a375
```
#f3a375 rgb(243,163,117)
```

Monochromatic Color

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

#ed452f
```
#ed452f rgb(237,69,47)
```
#ed542f
```
#ed542f rgb(237,84,47)
```
#ed642f
```
#ed642f rgb(237,100,47)
```
#ed742f
```
#ed742f rgb(237,116,47)
```
#ed842f
```
#ed842f rgb(237,132,47)
```
#ed942f
```
#ed942f rgb(237,148,47)
```
#eda42f
```
#eda42f rgb(237,164,47)
```

Similar Colors

Text with hexadecimal color #ed742f

This text has a font color of #ed742f.

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

#ed742f background color

This paragraph has a background color of #ed742f.

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

#ed742f border color

This element has a border color of #ed742f.

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

CSS codes

.text {color:#ed742f;}

.background {background-color:#ed742f;}

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

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

#090401
```
#090401 rgb(9,4,1)
```
#1b0b02
```
#1b0b02 rgb(27,11,2)
```
#2d1304
```
#2d1304 rgb(45,19,4)
```
#3f1a05
```
#3f1a05 rgb(63,26,5)
```
#512207
```
#512207 rgb(81,34,7)
```
#632909
```
#632909 rgb(99,41,9)
```
#75310a
```
#75310a rgb(117,49,10)
```
#87380c
```
#87380c rgb(135,56,12)
```
#99400d
```
#99400d rgb(153,64,13)
```
#ab480f
```
#ab480f rgb(171,72,15)
```
#bd4f10
```
#bd4f10 rgb(189,79,16)
```
#cf5712
```
#cf5712 rgb(207,87,18)
```
#e15e13
```
#e15e13 rgb(225,94,19)
```

Shade Color Variation

#eb681d
```
#eb681d rgb(235,104,29)
```
#ed742f
```
#ed742f rgb(237,116,47)
```
#ef8041
```
#ef8041 rgb(239,128,65)
```
#f08c53
```
#f08c53 rgb(240,140,83)
```
#f29865
```
#f29865 rgb(242,152,101)
```
#f3a477
```
#f3a477 rgb(243,164,119)
```
#f5b089
```
#f5b089 rgb(245,176,137)
```
#f6bc9b
```
#f6bc9b rgb(246,188,155)
```
#f8c8ad
```
#f8c8ad rgb(248,200,173)
```
#f9d5bf
```
#f9d5bf rgb(249,213,191)
```
#fbe1d1
```
#fbe1d1 rgb(251,225,209)
```
#fdede4
```
#fdede4 rgb(253,237,228)
```
#fef9f6
```
#fef9f6 rgb(254,249,246)
```

Tint Color Variation

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

#968c86
```
#968c86 rgb(150,140,134)
```
#9f897d
```
#9f897d rgb(159,137,125)
```
#a78775
```
#a78775 rgb(167,135,117)
```
#b0856c
```
#b0856c rgb(176,133,108)
```
#b98263
```
#b98263 rgb(185,130,99)
```
#c2805a
```
#c2805a rgb(194,128,90)
```
#ca7e52
```
#ca7e52 rgb(202,126,82)
```
#d37b49
```
#d37b49 rgb(211,123,73)
```
#dc7940
```
#dc7940 rgb(220,121,64)
```
#e47638
```
#e47638 rgb(228,118,56)
```
#ed742f
```
#ed742f rgb(237,116,47)
```
#f67226
```
#f67226 rgb(246,114,38)
```
#fe6f1e
```
#fe6f1e rgb(254,111,30)
```

Tone Color Variation

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

Dichromacy

#ad9c42 Protanopia 1% of men
#c1942f Deuteranopia 1% of men
#f0747b Tritanopia 0.001% of the population

Trichromacy

#c48d3b Protanomaly 1% of men, 0.01% of women
#d1882f Deuteranomaly 6% of men, 0.4% of women
#ef745f Tritanomaly 0.01% of the population

#ed742f hex color

#ed742f Color Information

#ed742f Color Conversion

Color Schemes with #ed742f

Alternatives to #ed742f

#ed742f Preview

Shades and Tints of #ed742f

Tones of #ed742f

Color Blindness Simulator