colorhexa.com

#ed7f12 hex color

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

- R 93
- G 50
- B 7
RGB color chart
- C 0
- M 46
- Y 92
- K 7
CMYK color chart

● #ed7f12 color description : Vivid orange.

The hexadecimal color #ed7f12 has RGB values of R:237, G:127, B:18 and CMYK values of C:0, M:0.46, Y:0.92, K:0.07. Its decimal value is 15564562.

Hex triplet	ed7f12	`#ed7f12`
RGB Decimal	237, 127, 18	`rgb(237,127,18)`
RGB Percent	92.9, 49.8, 7.1	`rgb(92.9%,49.8%,7.1%)`
CMYK	0, 46, 92, 7
HSL	29.9°, 85.9, 50	`hsl(29.9,85.9%,50%)`
HSV (or HSB)	29.9°, 92.4, 92.9
Web Safe	ff6600	`#ff6600`

CIE-LAB	64.347, 36.394, 68.165
XYZ	42.625, 33.231, 4.742
xyY	0.529, 0.412, 33.231
CIE-LCH	64.347, 77.272, 61.902
CIE-LUV	64.347, 91.344, 58.755
Hunter-Lab	57.646, 31.107, 35.475
Binary	11101101, 01111111, 00010010

#ed7f12
```
#ed7f12 rgb(237,127,18)
```
#1280ed
```
#1280ed rgb(18,128,237)
```

Complementary Color

#ed1212
```
#ed1212 rgb(237,18,18)
```
#ed7f12
```
#ed7f12 rgb(237,127,18)
```
#eded12
```
#eded12 rgb(237,237,18)
```

Analogous Color

#1212ed
```
#1212ed rgb(18,18,237)
```
#ed7f12
```
#ed7f12 rgb(237,127,18)
```
#12eded
```
#12eded rgb(18,237,237)
```

Split Complementary Color

#7f12ed
```
#7f12ed rgb(127,18,237)
```
#ed7f12
```
#ed7f12 rgb(237,127,18)
```
#12ed7f
```
#12ed7f rgb(18,237,127)
```

Triadic Color

#ed1280
```
#ed1280 rgb(237,18,128)
```
#ed7f12
```
#ed7f12 rgb(237,127,18)
```
#12ed7f
```
#12ed7f rgb(18,237,127)
```
#1280ed
```
#1280ed rgb(18,128,237)
```

Tetradic Color

#a6590d
```
#a6590d rgb(166,89,13)
```
#be660e
```
#be660e rgb(190,102,14)
```
#d57210
```
#d57210 rgb(213,114,16)
```
#ed7f12
```
#ed7f12 rgb(237,127,18)
```
#ef8c2a
```
#ef8c2a rgb(239,140,42)
```
#f19941
```
#f19941 rgb(241,153,65)
```
#f2a559
```
#f2a559 rgb(242,165,89)
```

Monochromatic Color

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

#ed4812
```
#ed4812 rgb(237,72,18)
```
#ed5b12
```
#ed5b12 rgb(237,91,18)
```
#ed6d12
```
#ed6d12 rgb(237,109,18)
```
#ed7f12
```
#ed7f12 rgb(237,127,18)
```
#ed9112
```
#ed9112 rgb(237,145,18)
```
#eda412
```
#eda412 rgb(237,164,18)
```
#edb612
```
#edb612 rgb(237,182,18)
```

Similar Colors

Text with hexadecimal color #ed7f12

This text has a font color of #ed7f12.

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

#ed7f12 background color

This paragraph has a background color of #ed7f12.

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

#ed7f12 border color

This element has a border color of #ed7f12.

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

CSS codes

.text {color:#ed7f12;}

.background {background-color:#ed7f12;}

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

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

#120a01
```
#120a01 rgb(18,10,1)
```
#241403
```
#241403 rgb(36,20,3)
```
#371d04
```
#371d04 rgb(55,29,4)
```
#492706
```
#492706 rgb(73,39,6)
```
#5b3107
```
#5b3107 rgb(91,49,7)
```
#6d3b08
```
#6d3b08 rgb(109,59,8)
```
#80440a
```
#80440a rgb(128,68,10)
```
#924e0b
```
#924e0b rgb(146,78,11)
```
#a4580c
```
#a4580c rgb(164,88,12)
```
#b6620e
```
#b6620e rgb(182,98,14)
```
#c96b0f
```
#c96b0f rgb(201,107,15)
```
#db7511
```
#db7511 rgb(219,117,17)
```
#ed7f12
```
#ed7f12 rgb(237,127,18)
```

Shade Color Variation

#ee8924
```
#ee8924 rgb(238,137,36)
```
#f09336
```
#f09336 rgb(240,147,54)
```
#f19d49
```
#f19d49 rgb(241,157,73)
```
#f3a65b
```
#f3a65b rgb(243,166,91)
```
#f4b06d
```
#f4b06d rgb(244,176,109)
```
#f5ba7f
```
#f5ba7f rgb(245,186,127)
```
#f7c492
```
#f7c492 rgb(247,196,146)
```
#f8cea4
```
#f8cea4 rgb(248,206,164)
```
#f9d8b6
```
#f9d8b6 rgb(249,216,182)
```
#fbe1c8
```
#fbe1c8 rgb(251,225,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 #f77f08 is the most saturated one.

#817f7e
```
#817f7e rgb(129,127,126)
```
#8b7f74
```
#8b7f74 rgb(139,127,116)
```
#957f6a
```
#957f6a rgb(149,127,106)
```
#9f7f60
```
#9f7f60 rgb(159,127,96)
```
#a87f57
```
#a87f57 rgb(168,127,87)
```
#b27f4d
```
#b27f4d rgb(178,127,77)
```
#bc7f43
```
#bc7f43 rgb(188,127,67)
```
#c67f39
```
#c67f39 rgb(198,127,57)
```
#d07f2f
```
#d07f2f rgb(208,127,47)
```
#d97f26
```
#d97f26 rgb(217,127,38)
```
#e37f1c
```
#e37f1c rgb(227,127,28)
```
#ed7f12
```
#ed7f12 rgb(237,127,18)
```
#f77f08
```
#f77f08 rgb(247,127,8)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#a58f79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4a126 Protanopia 1% of men
#c99900 Deuteranopia 1% of men
#f27d85 Tritanopia 0.001% of the population

Trichromacy

#c8941e Protanomaly 1% of men, 0.01% of women
#d68f06 Deuteranomaly 6% of men, 0.4% of women
#f07d5b Tritanomaly 0.01% of the population