#9e580c hex color

In a RGB color space, hex #9e580c is composed of 62% red, 34.5% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.3% magenta, 92.4% yellow and 38% black. It has a hue angle of 31.2 degrees, a saturation of 85.9% and a lightness of 33.3%. #9e580c color hex could be obtained by blending #ffb018 with #3d0000. Closest websafe color is: #996600.

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

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

The hexadecimal color #9e580c has RGB values of R:158, G:88, B:12 and CMYK values of C:0, M:0.44, Y:0.92, K:0.38. Its decimal value is 10377228.

Hex triplet	9e580c	`#9e580c`
RGB Decimal	158, 88, 12	`rgb(158,88,12)`
RGB Percent	62, 34.5, 4.7	`rgb(62%,34.5%,4.7%)`
CMYK	0, 44, 92, 38
HSL	31.2°, 85.9, 33.3	`hsl(31.2,85.9%,33.3%)`
HSV (or HSB)	31.2°, 92.4, 62
Web Safe	996600	`#996600`

CIE-LAB	44.627, 23.974, 50.275
XYZ	17.657, 14.277, 2.174
xyY	0.518, 0.419, 14.277
CIE-LCH	44.627, 55.698, 64.505
CIE-LUV	44.627, 57.153, 41.071
Hunter-Lab	37.784, 17.293, 23.038
Binary	10011110, 01011000, 00001100

#9e580c
```
#9e580c rgb(158,88,12)
```
#0c529e
```
#0c529e rgb(12,82,158)
```

Complementary Color

#9e0f0c
```
#9e0f0c rgb(158,15,12)
```
#9e580c
```
#9e580c rgb(158,88,12)
```
#9b9e0c
```
#9b9e0c rgb(155,158,12)
```

Analogous Color

#0f0c9e
```
#0f0c9e rgb(15,12,158)
```
#9e580c
```
#9e580c rgb(158,88,12)
```
#0c9b9e
```
#0c9b9e rgb(12,155,158)
```

Split Complementary Color

#580c9e
```
#580c9e rgb(88,12,158)
```
#9e580c
```
#9e580c rgb(158,88,12)
```
#0c9e58
```
#0c9e58 rgb(12,158,88)
```

Triadic Color

#9e0c52
```
#9e0c52 rgb(158,12,82)
```
#9e580c
```
#9e580c rgb(158,88,12)
```
#0c9e58
```
#0c9e58 rgb(12,158,88)
```
#0c529e
```
#0c529e rgb(12,82,158)
```

Tetradic Color

#573007
```
#573007 rgb(87,48,7)
```
#6f3e08
```
#6f3e08 rgb(111,62,8)
```
#864b0a
```
#864b0a rgb(134,75,10)
```
#9e580c
```
#9e580c rgb(158,88,12)
```
#b6650e
```
#b6650e rgb(182,101,14)
```
#cd7210
```
#cd7210 rgb(205,114,16)
```
#e58011
```
#e58011 rgb(229,128,17)
```

Monochromatic Color

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

#9e340c
```
#9e340c rgb(158,52,12)
```
#9e400c
```
#9e400c rgb(158,64,12)
```
#9e4c0c
```
#9e4c0c rgb(158,76,12)
```
#9e580c
```
#9e580c rgb(158,88,12)
```
#9e640c
```
#9e640c rgb(158,100,12)
```
#9e700c
```
#9e700c rgb(158,112,12)
```
#9e7d0c
```
#9e7d0c rgb(158,125,12)
```

Similar Colors

Text with hexadecimal color #9e580c

This text has a font color of #9e580c.

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

#9e580c background color

This paragraph has a background color of #9e580c.

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

#9e580c border color

This element has a border color of #9e580c.

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

CSS codes

.text {color:#9e580c;}

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

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

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)
```
#311b04
```
#311b04 rgb(49,27,4)
```
#432505
```
#432505 rgb(67,37,5)
```
#552f06
```
#552f06 rgb(85,47,6)
```
#673a08
```
#673a08 rgb(103,58,8)
```
#7a4409
```
#7a4409 rgb(122,68,9)
```
#8c4e0b
```
#8c4e0b rgb(140,78,11)
```
#9e580c
```
#9e580c rgb(158,88,12)
```
#b0620d
```
#b0620d rgb(176,98,13)
```
#c26c0f
```
#c26c0f rgb(194,108,15)
```
#d57610
```
#d57610 rgb(213,118,16)
```
#e78112
```
#e78112 rgb(231,129,18)
```

Shade Color Variation

#ee8a1e
```
#ee8a1e rgb(238,138,30)
```
#ef9430
```
#ef9430 rgb(239,148,48)
```
#f19d43
```
#f19d43 rgb(241,157,67)
```
#f2a755
```
#f2a755 rgb(242,167,85)
```
#f3b067
```
#f3b067 rgb(243,176,103)
```
#f5ba79
```
#f5ba79 rgb(245,186,121)
```
#f6c38c
```
#f6c38c rgb(246,195,140)
```
#f8cd9e
```
#f8cd9e rgb(248,205,158)
```
#f9d6b0
```
#f9d6b0 rgb(249,214,176)
```
#fadfc2
```
#fadfc2 rgb(250,223,194)
```
#fce9d4
```
#fce9d4 rgb(252,233,212)
```
#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, #565554 is the less saturated color, while #a55805 is the most saturated one.

#565554
```
#565554 rgb(86,85,84)
```
#5d554d
```
#5d554d rgb(93,85,77)
```
#635647
```
#635647 rgb(99,86,71)
```
#6a5640
```
#6a5640 rgb(106,86,64)
```
#70563a
```
#70563a rgb(112,86,58)
```
#775633
```
#775633 rgb(119,86,51)
```
#7d572d
```
#7d572d rgb(125,87,45)
```
#845726
```
#845726 rgb(132,87,38)
```
#8a5720
```
#8a5720 rgb(138,87,32)
```
#915719
```
#915719 rgb(145,87,25)
```
#975813
```
#975813 rgb(151,88,19)
```
#9e580c
```
#9e580c rgb(158,88,12)
```
#a55805
```
#a55805 rgb(165,88,5)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#706252 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e711d Protanopia 1% of men
#8d6b0e Deuteranopia 1% of men
#a65a60 Tritanopia 0.001% of the population

Trichromacy

#8a6816 Protanomaly 1% of men, 0.01% of women
#93640d Deuteranomaly 6% of men, 0.4% of women
#a35941 Tritanomaly 0.01% of the population

#9e580c hex color

#9e580c Color Information

#9e580c Color Conversion

Color Schemes with #9e580c

Alternatives to #9e580c

#9e580c Preview

Shades and Tints of #9e580c

Tones of #9e580c

Color Blindness Simulator