#9e580f hex color

In a RGB color space, hex #9e580f is composed of 62% red, 34.5% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.3% magenta, 90.5% yellow and 38% black. It has a hue angle of 30.6 degrees, a saturation of 82.7% and a lightness of 33.9%. #9e580f color hex could be obtained by blending #ffb01e with #3d0000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 62
- G 35
- B 6
RGB color chart
- C 0
- M 44
- Y 91
- K 38
CMYK color chart

● #9e580f color description : Dark orange [Brown tone].

The hexadecimal color #9e580f has RGB values of R:158, G:88, B:15 and CMYK values of C:0, M:0.44, Y:0.91, K:0.38. Its decimal value is 10377231.

Hex triplet	9e580f	`#9e580f`
RGB Decimal	158, 88, 15	`rgb(158,88,15)`
RGB Percent	62, 34.5, 5.9	`rgb(62%,34.5%,5.9%)`
CMYK	0, 44, 91, 38
HSL	30.6°, 82.7, 33.9	`hsl(30.6,82.7%,33.9%)`
HSV (or HSB)	30.6°, 90.5, 62
Web Safe	996600	`#996600`

CIE-LAB	44.638, 24.033, 49.437
XYZ	17.677, 14.285, 2.278
xyY	0.516, 0.417, 14.285
CIE-LCH	44.638, 54.969, 64.074
CIE-LUV	44.638, 57.034, 40.662
Hunter-Lab	37.795, 17.345, 22.883
Binary	10011110, 01011000, 00001111

#9e580f
```
#9e580f rgb(158,88,15)
```
#0f559e
```
#0f559e rgb(15,85,158)
```

Complementary Color

#9e100f
```
#9e100f rgb(158,16,15)
```
#9e580f
```
#9e580f rgb(158,88,15)
```
#9d9e0f
```
#9d9e0f rgb(157,158,15)
```

Analogous Color

#100f9e
```
#100f9e rgb(16,15,158)
```
#9e580f
```
#9e580f rgb(158,88,15)
```
#0f9d9e
```
#0f9d9e rgb(15,157,158)
```

Split Complementary Color

#580f9e
```
#580f9e rgb(88,15,158)
```
#9e580f
```
#9e580f rgb(158,88,15)
```
#0f9e58
```
#0f9e58 rgb(15,158,88)
```

Triadic Color

#9e0f55
```
#9e0f55 rgb(158,15,85)
```
#9e580f
```
#9e580f rgb(158,88,15)
```
#0f9e58
```
#0f9e58 rgb(15,158,88)
```
#0f559e
```
#0f559e rgb(15,85,158)
```

Tetradic Color

#583108
```
#583108 rgb(88,49,8)
```
#6f3e0b
```
#6f3e0b rgb(111,62,11)
```
#874b0d
```
#874b0d rgb(135,75,13)
```
#9e580f
```
#9e580f rgb(158,88,15)
```
#b56511
```
#b56511 rgb(181,101,17)
```
#cd7213
```
#cd7213 rgb(205,114,19)
```
#e47f16
```
#e47f16 rgb(228,127,22)
```

Monochromatic Color

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

#9e340f
```
#9e340f rgb(158,52,15)
```
#9e400f
```
#9e400f rgb(158,64,15)
```
#9e4c0f
```
#9e4c0f rgb(158,76,15)
```
#9e580f
```
#9e580f rgb(158,88,15)
```
#9e640f
```
#9e640f rgb(158,100,15)
```
#9e700f
```
#9e700f rgb(158,112,15)
```
#9e7c0f
```
#9e7c0f rgb(158,124,15)
```

Similar Colors

Text with hexadecimal color #9e580f

This text has a font color of #9e580f.

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

#9e580f background color

This paragraph has a background color of #9e580f.

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

#9e580f border color

This element has a border color of #9e580f.

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

CSS codes

.text {color:#9e580f;}

.background {background-color:#9e580f;}

.border {border:1px solid #9e580f;}

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

#0f0801
```
#0f0801 rgb(15,8,1)
```
#211203
```
#211203 rgb(33,18,3)
```
#331c05
```
#331c05 rgb(51,28,5)
```
#442606
```
#442606 rgb(68,38,6)
```
#563008
```
#563008 rgb(86,48,8)
```
#683a0a
```
#683a0a rgb(104,58,10)
```
#7a440c
```
#7a440c rgb(122,68,12)
```
#8c4e0d
```
#8c4e0d rgb(140,78,13)
```
#9e580f
```
#9e580f rgb(158,88,15)
```
#b06211
```
#b06211 rgb(176,98,17)
```
#c26c12
```
#c26c12 rgb(194,108,18)
```
#d47614
```
#d47614 rgb(212,118,20)
```
#e68016
```
#e68016 rgb(230,128,22)
```

Shade Color Variation

#ea8a25
```
#ea8a25 rgb(234,138,37)
```
#ec9337
```
#ec9337 rgb(236,147,55)
```
#ee9d49
```
#ee9d49 rgb(238,157,73)
```
#efa75b
```
#efa75b rgb(239,167,91)
```
#f1b06c
```
#f1b06c rgb(241,176,108)
```
#f3ba7e
```
#f3ba7e rgb(243,186,126)
```
#f4c390
```
#f4c390 rgb(244,195,144)
```
#f6cda2
```
#f6cda2 rgb(246,205,162)
```
#f8d7b4
```
#f8d7b4 rgb(248,215,180)
```
#fae0c6
```
#fae0c6 rgb(250,224,198)
```
#fbead8
```
#fbead8 rgb(251,234,216)
```
#fdf4ea
```
#fdf4ea rgb(253,244,234)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#5b5752
```
#5b5752 rgb(91,87,82)
```
#62574b
```
#62574b rgb(98,87,75)
```
#695744
```
#695744 rgb(105,87,68)
```
#6f573e
```
#6f573e rgb(111,87,62)
```
#765737
```
#765737 rgb(118,87,55)
```
#7d5730
```
#7d5730 rgb(125,87,48)
```
#83572a
```
#83572a rgb(131,87,42)
```
#8a5823
```
#8a5823 rgb(138,88,35)
```
#91581c
```
#91581c rgb(145,88,28)
```
#975816
```
#975816 rgb(151,88,22)
```
#9e580f
```
#9e580f rgb(158,88,15)
```
#a55808
```
#a55808 rgb(165,88,8)
```
#ab5802
```
#ab5802 rgb(171,88,2)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#706254 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e711f Protanopia 1% of men
#8d6b13 Deuteranopia 1% of men
#a65a60 Tritanopia 0.001% of the population

Trichromacy

#8a6819 Protanomaly 1% of men, 0.01% of women
#936411 Deuteranomaly 6% of men, 0.4% of women
#a35942 Tritanomaly 0.01% of the population

#9e580f hex color

#9e580f Color Information

#9e580f Color Conversion

Color Schemes with #9e580f

Alternatives to #9e580f

#9e580f Preview

Shades and Tints of #9e580f

Tones of #9e580f

Color Blindness Simulator