#ed861f hex color

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

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

● #ed861f color description : Vivid orange.

The hexadecimal color #ed861f has RGB values of R:237, G:134, B:31 and CMYK values of C:0, M:0.43, Y:0.87, K:0.07. Its decimal value is 15566367.

Hex triplet	ed861f	`#ed861f`
RGB Decimal	237, 134, 31	`rgb(237,134,31)`
RGB Percent	92.9, 52.5, 12.2	`rgb(92.9%,52.5%,12.2%)`
CMYK	0, 43, 87, 7
HSL	30°, 85.1, 52.5	`hsl(30,85.1%,52.5%)`
HSV (or HSB)	30°, 86.9, 92.9
Web Safe	ff9933	`#ff9933`

CIE-LAB	65.871, 33.013, 65.987
XYZ	43.699, 35.157, 5.781
xyY	0.516, 0.415, 35.157
CIE-LCH	65.871, 73.784, 63.421
CIE-LUV	65.871, 84.972, 59.445
Hunter-Lab	59.294, 27.789, 35.725
Binary	11101101, 10000110, 00011111

#ed861f
```
#ed861f rgb(237,134,31)
```
#1f86ed
```
#1f86ed rgb(31,134,237)
```

Complementary Color

#ed1f1f
```
#ed1f1f rgb(237,31,31)
```
#ed861f
```
#ed861f rgb(237,134,31)
```
#eded1f
```
#eded1f rgb(237,237,31)
```

Analogous Color

#1f1fed
```
#1f1fed rgb(31,31,237)
```
#ed861f
```
#ed861f rgb(237,134,31)
```
#1feded
```
#1feded rgb(31,237,237)
```

Split Complementary Color

#861fed
```
#861fed rgb(134,31,237)
```
#ed861f
```
#ed861f rgb(237,134,31)
```
#1fed86
```
#1fed86 rgb(31,237,134)
```

Triadic Color

#ed1f86
```
#ed1f86 rgb(237,31,134)
```
#ed861f
```
#ed861f rgb(237,134,31)
```
#1fed86
```
#1fed86 rgb(31,237,134)
```
#1f86ed
```
#1f86ed rgb(31,134,237)
```

Tetradic Color

#b1600e
```
#b1600e rgb(177,96,14)
```
#c96d10
```
#c96d10 rgb(201,109,16)
```
#e07912
```
#e07912 rgb(224,121,18)
```
#ed861f
```
#ed861f rgb(237,134,31)
```
#ef9337
```
#ef9337 rgb(239,147,55)
```
#f1a04e
```
#f1a04e rgb(241,160,78)
```
#f3ac66
```
#f3ac66 rgb(243,172,102)
```

Monochromatic Color

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

#ed531f
```
#ed531f rgb(237,83,31)
```
#ed641f
```
#ed641f rgb(237,100,31)
```
#ed751f
```
#ed751f rgb(237,117,31)
```
#ed861f
```
#ed861f rgb(237,134,31)
```
#ed971f
```
#ed971f rgb(237,151,31)
```
#eda81f
```
#eda81f rgb(237,168,31)
```
#edba1f
```
#edba1f rgb(237,186,31)
```

Similar Colors

Text with hexadecimal color #ed861f

This text has a font color of #ed861f.

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

#ed861f background color

This paragraph has a background color of #ed861f.

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

#ed861f border color

This element has a border color of #ed861f.

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

CSS codes

.text {color:#ed861f;}

.background {background-color:#ed861f;}

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

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)
```
#1e1002
```
#1e1002 rgb(30,16,2)
```
#301a04
```
#301a04 rgb(48,26,4)
```
#432405
```
#432405 rgb(67,36,5)
```
#552e07
```
#552e07 rgb(85,46,7)
```
#673808
```
#673808 rgb(103,56,8)
```
#79410a
```
#79410a rgb(121,65,10)
```
#8b4b0b
```
#8b4b0b rgb(139,75,11)
```
#9d550d
```
#9d550d rgb(157,85,13)
```
#af5f0e
```
#af5f0e rgb(175,95,14)
```
#c26910
```
#c26910 rgb(194,105,16)
```
#d47211
```
#d47211 rgb(212,114,17)
```
#e67c12
```
#e67c12 rgb(230,124,18)
```

Shade Color Variation

#ed861f
```
#ed861f rgb(237,134,31)
```
#ee9031
```
#ee9031 rgb(238,144,49)
```
#f09a43
```
#f09a43 rgb(240,154,67)
```
#f1a355
```
#f1a355 rgb(241,163,85)
```
#f3ad68
```
#f3ad68 rgb(243,173,104)
```
#f4b77a
```
#f4b77a rgb(244,183,122)
```
#f6c18c
```
#f6c18c rgb(246,193,140)
```
#f7cb9e
```
#f7cb9e rgb(247,203,158)
```
#f9d4b0
```
#f9d4b0 rgb(249,212,176)
```
#fadec2
```
#fadec2 rgb(250,222,194)
```
#fce8d5
```
#fce8d5 rgb(252,232,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 #f68616 is the most saturated one.

#878685
```
#878685 rgb(135,134,133)
```
#90867c
```
#90867c rgb(144,134,124)
```
#998673
```
#998673 rgb(153,134,115)
```
#a38669
```
#a38669 rgb(163,134,105)
```
#ac8660
```
#ac8660 rgb(172,134,96)
```
#b58657
```
#b58657 rgb(181,134,87)
```
#be864e
```
#be864e rgb(190,134,78)
```
#c88644
```
#c88644 rgb(200,134,68)
```
#d1863b
```
#d1863b rgb(209,134,59)
```
#da8632
```
#da8632 rgb(218,134,50)
```
#e48628
```
#e48628 rgb(228,134,40)
```
#ed861f
```
#ed861f rgb(237,134,31)
```
#f68616
```
#f68616 rgb(246,134,22)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#aa9581 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a531 Protanopia 1% of men
#ce9d1f Deuteranopia 1% of men
#f2838c Tritanopia 0.001% of the population

Trichromacy

#cb992a Protanomaly 1% of men, 0.01% of women
#d9941f Deuteranomaly 6% of men, 0.4% of women
#f08464 Tritanomaly 0.01% of the population

#ed861f hex color

#ed861f Color Information

#ed861f Color Conversion

Color Schemes with #ed861f

Alternatives to #ed861f

#ed861f Preview

Shades and Tints of #ed861f

Tones of #ed861f

Color Blindness Simulator