#ed8a1f hex color

In a RGB color space, hex #ed8a1f is composed of 92.9% red, 54.1% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.8% magenta, 86.9% yellow and 7.1% black. It has a hue angle of 31.2 degrees, a saturation of 85.1% and a lightness of 52.5%. #ed8a1f color hex could be obtained by blending #ffff3e with #db1500. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 93
- G 54
- B 12
RGB color chart
- C 0
- M 42
- Y 87
- K 7
CMYK color chart

● #ed8a1f color description : Vivid orange.

The hexadecimal color #ed8a1f has RGB values of R:237, G:138, B:31 and CMYK values of C:0, M:0.42, Y:0.87, K:0.07. Its decimal value is 15567391.

Hex triplet	ed8a1f	`#ed8a1f`
RGB Decimal	237, 138, 31	`rgb(237,138,31)`
RGB Percent	92.9, 54.1, 12.2	`rgb(92.9%,54.1%,12.2%)`
CMYK	0, 42, 87, 7
HSL	31.2°, 85.1, 52.5	`hsl(31.2,85.1%,52.5%)`
HSV (or HSB)	31.2°, 86.9, 92.9
Web Safe	ff9933	`#ff9933`

CIE-LAB	66.736, 30.934, 66.674
XYZ	44.262, 36.284, 5.969
xyY	0.512, 0.419, 36.284
CIE-LCH	66.736, 73.5, 65.11
CIE-LUV	66.736, 81.65, 60.864
Hunter-Lab	60.236, 25.75, 36.29
Binary	11101101, 10001010, 00011111

#ed8a1f
```
#ed8a1f rgb(237,138,31)
```
#1f82ed
```
#1f82ed rgb(31,130,237)
```

Complementary Color

#ed231f
```
#ed231f rgb(237,35,31)
```
#ed8a1f
```
#ed8a1f rgb(237,138,31)
```
#e9ed1f
```
#e9ed1f rgb(233,237,31)
```

Analogous Color

#231fed
```
#231fed rgb(35,31,237)
```
#ed8a1f
```
#ed8a1f rgb(237,138,31)
```
#1fe9ed
```
#1fe9ed rgb(31,233,237)
```

Split Complementary Color

#8a1fed
```
#8a1fed rgb(138,31,237)
```
#ed8a1f
```
#ed8a1f rgb(237,138,31)
```
#1fed8a
```
#1fed8a rgb(31,237,138)
```

Triadic Color

#ed1f82
```
#ed1f82 rgb(237,31,130)
```
#ed8a1f
```
#ed8a1f rgb(237,138,31)
```
#1fed8a
```
#1fed8a rgb(31,237,138)
```
#1f82ed
```
#1f82ed rgb(31,130,237)
```

Tetradic Color

#b1630e
```
#b1630e rgb(177,99,14)
```
#c97010
```
#c97010 rgb(201,112,16)
```
#e07d12
```
#e07d12 rgb(224,125,18)
```
#ed8a1f
```
#ed8a1f rgb(237,138,31)
```
#ef9637
```
#ef9637 rgb(239,150,55)
```
#f1a34e
```
#f1a34e rgb(241,163,78)
```
#f3af66
```
#f3af66 rgb(243,175,102)
```

Monochromatic Color

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

#ed571f
```
#ed571f rgb(237,87,31)
```
#ed681f
```
#ed681f rgb(237,104,31)
```
#ed791f
```
#ed791f rgb(237,121,31)
```
#ed8a1f
```
#ed8a1f rgb(237,138,31)
```
#ed9b1f
```
#ed9b1f rgb(237,155,31)
```
#edac1f
```
#edac1f rgb(237,172,31)
```
#edbe1f
```
#edbe1f rgb(237,190,31)
```

Similar Colors

Text with hexadecimal color #ed8a1f

This text has a font color of #ed8a1f.

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

#ed8a1f background color

This paragraph has a background color of #ed8a1f.

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

#ed8a1f border color

This element has a border color of #ed8a1f.

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

CSS codes

.text {color:#ed8a1f;}

.background {background-color:#ed8a1f;}

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

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, #0c0701 is the darkest color, while #fffcf9 is the lightest one.

#0c0701
```
#0c0701 rgb(12,7,1)
```
#1e1102
```
#1e1102 rgb(30,17,2)
```
#301b04
```
#301b04 rgb(48,27,4)
```
#432505
```
#432505 rgb(67,37,5)
```
#552f07
```
#552f07 rgb(85,47,7)
```
#673908
```
#673908 rgb(103,57,8)
```
#79440a
```
#79440a rgb(121,68,10)
```
#8b4e0b
```
#8b4e0b rgb(139,78,11)
```
#9d580d
```
#9d580d rgb(157,88,13)
```
#af620e
```
#af620e rgb(175,98,14)
```
#c26c10
```
#c26c10 rgb(194,108,16)
```
#d47611
```
#d47611 rgb(212,118,17)
```
#e68012
```
#e68012 rgb(230,128,18)
```

Shade Color Variation

#ed8a1f
```
#ed8a1f rgb(237,138,31)
```
#ee9331
```
#ee9331 rgb(238,147,49)
```
#f09d43
```
#f09d43 rgb(240,157,67)
```
#f1a655
```
#f1a655 rgb(241,166,85)
```
#f3b068
```
#f3b068 rgb(243,176,104)
```
#f4b97a
```
#f4b97a rgb(244,185,122)
```
#f6c38c
```
#f6c38c rgb(246,195,140)
```
#f7cc9e
```
#f7cc9e rgb(247,204,158)
```
#f9d6b0
```
#f9d6b0 rgb(249,214,176)
```
#fadfc2
```
#fadfc2 rgb(250,223,194)
```
#fce9d5
```
#fce9d5 rgb(252,233,213)
```
#fdf2e7
```
#fdf2e7 rgb(253,242,231)
```
#fffcf9
```
#fffcf9 rgb(255,252,249)
```

Tint Color Variation

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

#878685
```
#878685 rgb(135,134,133)
```
#90867c
```
#90867c rgb(144,134,124)
```
#998773
```
#998773 rgb(153,135,115)
```
#a38769
```
#a38769 rgb(163,135,105)
```
#ac8760
```
#ac8760 rgb(172,135,96)
```
#b58857
```
#b58857 rgb(181,136,87)
```
#be884e
```
#be884e rgb(190,136,78)
```
#c88944
```
#c88944 rgb(200,137,68)
```
#d1893b
```
#d1893b rgb(209,137,59)
```
#da8932
```
#da8932 rgb(218,137,50)
```
#e48a28
```
#e48a28 rgb(228,138,40)
```
#ed8a1f
```
#ed8a1f rgb(237,138,31)
```
#f68a16
```
#f68a16 rgb(246,138,22)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#ab9882 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baa730 Protanopia 1% of men
#d09f20 Deuteranopia 1% of men
#f2878f Tritanopia 0.001% of the population

Trichromacy

#cd9c2a Protanomaly 1% of men, 0.01% of women
#db9720 Deuteranomaly 6% of men, 0.4% of women
#f08866 Tritanomaly 0.01% of the population

#ed8a1f hex color

#ed8a1f Color Information

#ed8a1f Color Conversion

Color Schemes with #ed8a1f

Alternatives to #ed8a1f

#ed8a1f Preview

Shades and Tints of #ed8a1f

Tones of #ed8a1f

Color Blindness Simulator