#ed8e1f hex color

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

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

● #ed8e1f color description : Vivid orange.

The hexadecimal color #ed8e1f has RGB values of R:237, G:142, B:31 and CMYK values of C:0, M:0.4, Y:0.87, K:0.07. Its decimal value is 15568415.

Hex triplet	ed8e1f	`#ed8e1f`
RGB Decimal	237, 142, 31	`rgb(237,142,31)`
RGB Percent	92.9, 55.7, 12.2	`rgb(92.9%,55.7%,12.2%)`
CMYK	0, 40, 87, 7
HSL	32.3°, 85.1, 52.5	`hsl(32.3,85.1%,52.5%)`
HSV (or HSB)	32.3°, 86.9, 92.9
Web Safe	ff9933	`#ff9933`

CIE-LAB	67.616, 28.843, 67.372
XYZ	44.847, 37.453, 6.164
xyY	0.507, 0.423, 37.453
CIE-LCH	67.616, 73.286, 66.823
CIE-LUV	67.616, 78.335, 62.297
Hunter-Lab	61.199, 23.707, 36.868
Binary	11101101, 10001110, 00011111

#ed8e1f
```
#ed8e1f rgb(237,142,31)
```
#1f7eed
```
#1f7eed rgb(31,126,237)
```

Complementary Color

#ed271f
```
#ed271f rgb(237,39,31)
```
#ed8e1f
```
#ed8e1f rgb(237,142,31)
```
#e5ed1f
```
#e5ed1f rgb(229,237,31)
```

Analogous Color

#271fed
```
#271fed rgb(39,31,237)
```
#ed8e1f
```
#ed8e1f rgb(237,142,31)
```
#1fe5ed
```
#1fe5ed rgb(31,229,237)
```

Split Complementary Color

#8e1fed
```
#8e1fed rgb(142,31,237)
```
#ed8e1f
```
#ed8e1f rgb(237,142,31)
```
#1fed8e
```
#1fed8e rgb(31,237,142)
```

Triadic Color

#ed1f7e
```
#ed1f7e rgb(237,31,126)
```
#ed8e1f
```
#ed8e1f rgb(237,142,31)
```
#1fed8e
```
#1fed8e rgb(31,237,142)
```
#1f7eed
```
#1f7eed rgb(31,126,237)
```

Tetradic Color

#b1660e
```
#b1660e rgb(177,102,14)
```
#c97410
```
#c97410 rgb(201,116,16)
```
#e08112
```
#e08112 rgb(224,129,18)
```
#ed8e1f
```
#ed8e1f rgb(237,142,31)
```
#ef9a37
```
#ef9a37 rgb(239,154,55)
```
#f1a64e
```
#f1a64e rgb(241,166,78)
```
#f3b266
```
#f3b266 rgb(243,178,102)
```

Monochromatic Color

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

#ed5b1f
```
#ed5b1f rgb(237,91,31)
```
#ed6c1f
```
#ed6c1f rgb(237,108,31)
```
#ed7d1f
```
#ed7d1f rgb(237,125,31)
```
#ed8e1f
```
#ed8e1f rgb(237,142,31)
```
#ed9f1f
```
#ed9f1f rgb(237,159,31)
```
#edb01f
```
#edb01f rgb(237,176,31)
```
#edc21f
```
#edc21f rgb(237,194,31)
```

Similar Colors

Text with hexadecimal color #ed8e1f

This text has a font color of #ed8e1f.

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

#ed8e1f background color

This paragraph has a background color of #ed8e1f.

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

#ed8e1f border color

This element has a border color of #ed8e1f.

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

CSS codes

.text {color:#ed8e1f;}

.background {background-color:#ed8e1f;}

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

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)
```
#301c04
```
#301c04 rgb(48,28,4)
```
#432605
```
#432605 rgb(67,38,5)
```
#553107
```
#553107 rgb(85,49,7)
```
#673b08
```
#673b08 rgb(103,59,8)
```
#79460a
```
#79460a rgb(121,70,10)
```
#8b500b
```
#8b500b rgb(139,80,11)
```
#9d5b0d
```
#9d5b0d rgb(157,91,13)
```
#af650e
```
#af650e rgb(175,101,14)
```
#c26f10
```
#c26f10 rgb(194,111,16)
```
#d47a11
```
#d47a11 rgb(212,122,17)
```
#e68412
```
#e68412 rgb(230,132,18)
```

Shade Color Variation

#ed8e1f
```
#ed8e1f rgb(237,142,31)
```
#ee9731
```
#ee9731 rgb(238,151,49)
```
#f0a043
```
#f0a043 rgb(240,160,67)
```
#f1a955
```
#f1a955 rgb(241,169,85)
```
#f3b368
```
#f3b368 rgb(243,179,104)
```
#f4bc7a
```
#f4bc7a rgb(244,188,122)
```
#f6c58c
```
#f6c58c rgb(246,197,140)
```
#f7ce9e
```
#f7ce9e rgb(247,206,158)
```
#f9d7b0
```
#f9d7b0 rgb(249,215,176)
```
#fae0c2
```
#fae0c2 rgb(250,224,194)
```
#fcead5
```
#fcead5 rgb(252,234,213)
```
#fdf3e7
```
#fdf3e7 rgb(253,243,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 #f68f16 is the most saturated one.

#878685
```
#878685 rgb(135,134,133)
```
#90877c
```
#90877c rgb(144,135,124)
```
#998773
```
#998773 rgb(153,135,115)
```
#a38869
```
#a38869 rgb(163,136,105)
```
#ac8960
```
#ac8960 rgb(172,137,96)
```
#b58a57
```
#b58a57 rgb(181,138,87)
```
#be8a4e
```
#be8a4e rgb(190,138,78)
```
#c88b44
```
#c88b44 rgb(200,139,68)
```
#d18c3b
```
#d18c3b rgb(209,140,59)
```
#da8d32
```
#da8d32 rgb(218,141,50)
```
#e48d28
```
#e48d28 rgb(228,141,40)
```
#ed8e1f
```
#ed8e1f rgb(237,142,31)
```
#f68f16
```
#f68f16 rgb(246,143,22)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#ae9b85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bda930 Protanopia 1% of men
#d3a121 Deuteranopia 1% of men
#f38a93 Tritanopia 0.001% of the population

Trichromacy

#ce9f2a Protanomaly 1% of men, 0.01% of women
#dc9a20 Deuteranomaly 6% of men, 0.4% of women
#f08b69 Tritanomaly 0.01% of the population

#ed8e1f hex color

#ed8e1f Color Information

#ed8e1f Color Conversion

Color Schemes with #ed8e1f

Alternatives to #ed8e1f

#ed8e1f Preview

Shades and Tints of #ed8e1f

Tones of #ed8e1f

Color Blindness Simulator