#ed7a12 hex color

In a RGB color space, hex #ed7a12 is composed of 92.9% red, 47.8% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.5% magenta, 92.4% yellow and 7.1% black. It has a hue angle of 28.5 degrees, a saturation of 85.9% and a lightness of 50%. #ed7a12 color hex could be obtained by blending #fff424 with #db0000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 93
- G 48
- B 7
RGB color chart
- C 0
- M 49
- Y 92
- K 7
CMYK color chart

● #ed7a12 color description : Vivid orange.

The hexadecimal color #ed7a12 has RGB values of R:237, G:122, B:18 and CMYK values of C:0, M:0.49, Y:0.92, K:0.07. Its decimal value is 15563282.

Hex triplet	ed7a12	`#ed7a12`
RGB Decimal	237, 122, 18	`rgb(237,122,18)`
RGB Percent	92.9, 47.8, 7.1	`rgb(92.9%,47.8%,7.1%)`
CMYK	0, 49, 92, 7
HSL	28.5°, 85.9, 50	`hsl(28.5,85.9%,50%)`
HSV (or HSB)	28.5°, 92.4, 92.9
Web Safe	ff6600	`#ff6600`

CIE-LAB	63.319, 38.932, 67.446
XYZ	41.995, 31.971, 4.532
xyY	0.535, 0.407, 31.971
CIE-LCH	63.319, 77.876, 60.005
CIE-LUV	63.319, 95.527, 57.075
Hunter-Lab	56.543, 33.624, 34.828
Binary	11101101, 01111010, 00010010

#ed7a12
```
#ed7a12 rgb(237,122,18)
```
#1285ed
```
#1285ed rgb(18,133,237)
```

Complementary Color

#ed1217
```
#ed1217 rgb(237,18,23)
```
#ed7a12
```
#ed7a12 rgb(237,122,18)
```
#ede812
```
#ede812 rgb(237,232,18)
```

Analogous Color

#1217ed
```
#1217ed rgb(18,23,237)
```
#ed7a12
```
#ed7a12 rgb(237,122,18)
```
#12ede8
```
#12ede8 rgb(18,237,232)
```

Split Complementary Color

#7a12ed
```
#7a12ed rgb(122,18,237)
```
#ed7a12
```
#ed7a12 rgb(237,122,18)
```
#12ed7a
```
#12ed7a rgb(18,237,122)
```

Triadic Color

#ed1285
```
#ed1285 rgb(237,18,133)
```
#ed7a12
```
#ed7a12 rgb(237,122,18)
```
#12ed7a
```
#12ed7a rgb(18,237,122)
```
#1285ed
```
#1285ed rgb(18,133,237)
```

Tetradic Color

#a6550d
```
#a6550d rgb(166,85,13)
```
#be620e
```
#be620e rgb(190,98,14)
```
#d56e10
```
#d56e10 rgb(213,110,16)
```
#ed7a12
```
#ed7a12 rgb(237,122,18)
```
#ef872a
```
#ef872a rgb(239,135,42)
```
#f19541
```
#f19541 rgb(241,149,65)
```
#f2a259
```
#f2a259 rgb(242,162,89)
```

Monochromatic Color

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

#ed4312
```
#ed4312 rgb(237,67,18)
```
#ed5612
```
#ed5612 rgb(237,86,18)
```
#ed6812
```
#ed6812 rgb(237,104,18)
```
#ed7a12
```
#ed7a12 rgb(237,122,18)
```
#ed8c12
```
#ed8c12 rgb(237,140,18)
```
#ed9f12
```
#ed9f12 rgb(237,159,18)
```
#edb112
```
#edb112 rgb(237,177,18)
```

Similar Colors

Text with hexadecimal color #ed7a12

This text has a font color of #ed7a12.

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

#ed7a12 background color

This paragraph has a background color of #ed7a12.

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

#ed7a12 border color

This element has a border color of #ed7a12.

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

CSS codes

.text {color:#ed7a12;}

.background {background-color:#ed7a12;}

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

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

#120901
```
#120901 rgb(18,9,1)
```
#241303
```
#241303 rgb(36,19,3)
```
#371c04
```
#371c04 rgb(55,28,4)
```
#492606
```
#492606 rgb(73,38,6)
```
#5b2f07
```
#5b2f07 rgb(91,47,7)
```
#6d3808
```
#6d3808 rgb(109,56,8)
```
#80420a
```
#80420a rgb(128,66,10)
```
#924b0b
```
#924b0b rgb(146,75,11)
```
#a4540c
```
#a4540c rgb(164,84,12)
```
#b65e0e
```
#b65e0e rgb(182,94,14)
```
#c9670f
```
#c9670f rgb(201,103,15)
```
#db7111
```
#db7111 rgb(219,113,17)
```
#ed7a12
```
#ed7a12 rgb(237,122,18)
```

Shade Color Variation

#ee8424
```
#ee8424 rgb(238,132,36)
```
#f08e36
```
#f08e36 rgb(240,142,54)
```
#f19949
```
#f19949 rgb(241,153,73)
```
#f3a35b
```
#f3a35b rgb(243,163,91)
```
#f4ad6d
```
#f4ad6d rgb(244,173,109)
```
#f5b77f
```
#f5b77f rgb(245,183,127)
```
#f7c292
```
#f7c292 rgb(247,194,146)
```
#f8cca4
```
#f8cca4 rgb(248,204,164)
```
#f9d6b6
```
#f9d6b6 rgb(249,214,182)
```
#fbe0c8
```
#fbe0c8 rgb(251,224,200)
```
#fcebdb
```
#fcebdb rgb(252,235,219)
```
#fef5ed
```
#fef5ed rgb(254,245,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#817f7e
```
#817f7e rgb(129,127,126)
```
#8b7f74
```
#8b7f74 rgb(139,127,116)
```
#957e6a
```
#957e6a rgb(149,126,106)
```
#9f7e60
```
#9f7e60 rgb(159,126,96)
```
#a87d57
```
#a87d57 rgb(168,125,87)
```
#b27d4d
```
#b27d4d rgb(178,125,77)
```
#bc7c43
```
#bc7c43 rgb(188,124,67)
```
#c67c39
```
#c67c39 rgb(198,124,57)
```
#d07b2f
```
#d07b2f rgb(208,123,47)
```
#d97b26
```
#d97b26 rgb(217,123,38)
```
#e37a1c
```
#e37a1c rgb(227,122,28)
```
#ed7a12
```
#ed7a12 rgb(237,122,18)
```
#f77a08
```
#f77a08 rgb(247,122,8)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#a38c78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b19e26 Protanopia 1% of men
#c69600 Deuteranopia 1% of men
#f17880 Tritanopia 0.001% of the population

Trichromacy

#c7911f Protanomaly 1% of men, 0.01% of women
#d48c06 Deuteranomaly 6% of men, 0.4% of women
#f07958 Tritanomaly 0.01% of the population

#ed7a12 hex color

#ed7a12 Color Information

#ed7a12 Color Conversion

Color Schemes with #ed7a12

Alternatives to #ed7a12

#ed7a12 Preview

Shades and Tints of #ed7a12

Tones of #ed7a12

Color Blindness Simulator