colorhexa.com

#9c5a14 hex color

In a RGB color space, hex #9c5a14 is composed of 61.2% red, 35.3% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.3% magenta, 87.2% yellow and 38.8% black. It has a hue angle of 30.9 degrees, a saturation of 77.3% and a lightness of 34.5%. #9c5a14 color hex could be obtained by blending #ffb428 with #390000. Closest websafe color is: #996600.

- R 61
- G 35
- B 8
RGB color chart
- C 0
- M 42
- Y 87
- K 39
CMYK color chart

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

The hexadecimal color #9c5a14 has RGB values of R:156, G:90, B:20 and CMYK values of C:0, M:0.42, Y:0.87, K:0.39. Its decimal value is 10246676.

Hex triplet	9c5a14	`#9c5a14`
RGB Decimal	156, 90, 20	`rgb(156,90,20)`
RGB Percent	61.2, 35.3, 7.8	`rgb(61.2%,35.3%,7.8%)`
CMYK	0, 42, 87, 39
HSL	30.9°, 77.3, 34.5	`hsl(30.9,77.3%,34.5%)`
HSV (or HSB)	30.9°, 87.2, 61.2
Web Safe	996600	`#996600`

CIE-LAB	44.846, 22.143, 47.865
XYZ	17.493, 14.432, 2.526
xyY	0.508, 0.419, 14.432
CIE-LCH	44.846, 52.738, 65.174
CIE-LUV	44.846, 53.542, 40.453
Hunter-Lab	37.99, 15.713, 22.65
Binary	10011100, 01011010, 00010100

#9c5a14
```
#9c5a14 rgb(156,90,20)
```
#14569c
```
#14569c rgb(20,86,156)
```

Complementary Color

#9c1614
```
#9c1614 rgb(156,22,20)
```
#9c5a14
```
#9c5a14 rgb(156,90,20)
```
#9a9c14
```
#9a9c14 rgb(154,156,20)
```

Analogous Color

#16149c
```
#16149c rgb(22,20,156)
```
#9c5a14
```
#9c5a14 rgb(156,90,20)
```
#149a9c
```
#149a9c rgb(20,154,156)
```

Split Complementary Color

#5a149c
```
#5a149c rgb(90,20,156)
```
#9c5a14
```
#9c5a14 rgb(156,90,20)
```
#149c5a
```
#149c5a rgb(20,156,90)
```

Triadic Color

#58330b
```
#58330b rgb(88,51,11)
```
#6f400e
```
#6f400e rgb(111,64,14)
```
#854d11
```
#854d11 rgb(133,77,17)
```
#9c5a14
```
#9c5a14 rgb(156,90,20)
```
#b36717
```
#b36717 rgb(179,103,23)
```
#c9741a
```
#c9741a rgb(201,116,26)
```
#e0811d
```
#e0811d rgb(224,129,29)
```

Monochromatic Color

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

#9c3814
```
#9c3814 rgb(156,56,20)
```
#9c4314
```
#9c4314 rgb(156,67,20)
```
#9c4f14
```
#9c4f14 rgb(156,79,20)
```
#9c5a14
```
#9c5a14 rgb(156,90,20)
```
#9c6514
```
#9c6514 rgb(156,101,20)
```
#9c7114
```
#9c7114 rgb(156,113,20)
```
#9c7c14
```
#9c7c14 rgb(156,124,20)
```

Similar Colors

Text with hexadecimal color #9c5a14

This text has a font color of #9c5a14.

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

#9c5a14 background color

This paragraph has a background color of #9c5a14.

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

#9c5a14 border color

This element has a border color of #9c5a14.

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

CSS codes

.text {color:#9c5a14;}

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

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

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, #110a02 is the darkest color, while #ffffff is the lightest one.

#110a02
```
#110a02 rgb(17,10,2)
```
#221404
```
#221404 rgb(34,20,4)
```
#341e07
```
#341e07 rgb(52,30,7)
```
#452809
```
#452809 rgb(69,40,9)
```
#56320b
```
#56320b rgb(86,50,11)
```
#683c0d
```
#683c0d rgb(104,60,13)
```
#794610
```
#794610 rgb(121,70,16)
```
#8b5012
```
#8b5012 rgb(139,80,18)
```
#9c5a14
```
#9c5a14 rgb(156,90,20)
```
#ad6416
```
#ad6416 rgb(173,100,22)
```
#bf6e18
```
#bf6e18 rgb(191,110,24)
```
#d0781b
```
#d0781b rgb(208,120,27)
```
#e2821d
```
#e2821d rgb(226,130,29)
```

Shade Color Variation

#e48c2e
```
#e48c2e rgb(228,140,46)
```
#e6953f
```
#e6953f rgb(230,149,63)
```
#e99f51
```
#e99f51 rgb(233,159,81)
```
#eba862
```
#eba862 rgb(235,168,98)
```
#edb273
```
#edb273 rgb(237,178,115)
```
#efbc85
```
#efbc85 rgb(239,188,133)
```
#f2c596
```
#f2c596 rgb(242,197,150)
```
#f4cfa8
```
#f4cfa8 rgb(244,207,168)
```
#f6d8b9
```
#f6d8b9 rgb(246,216,185)
```
#f8e2ca
```
#f8e2ca rgb(248,226,202)
```
#faecdc
```
#faecdc rgb(250,236,220)
```
#fdf5ed
```
#fdf5ed rgb(253,245,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#585858
```
#585858 rgb(88,88,88)
```
#5f5851
```
#5f5851 rgb(95,88,81)
```
#66584a
```
#66584a rgb(102,88,74)
```
#6d5943
```
#6d5943 rgb(109,89,67)
```
#73593d
```
#73593d rgb(115,89,61)
```
#7a5936
```
#7a5936 rgb(122,89,54)
```
#81592f
```
#81592f rgb(129,89,47)
```
#885928
```
#885928 rgb(136,89,40)
```
#8e5a22
```
#8e5a22 rgb(142,90,34)
```
#955a1b
```
#955a1b rgb(149,90,27)
```
#9c5a14
```
#9c5a14 rgb(156,90,20)
```
#a35a0d
```
#a35a0d rgb(163,90,13)
```
#aa5a06
```
#aa5a06 rgb(170,90,6)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#716456 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7224 Protanopia 1% of men
#8e6c1a Deuteranopia 1% of men
#a45c62 Tritanopia 0.001% of the population

Trichromacy

#89691e Protanomaly 1% of men, 0.01% of women
#936518 Deuteranomaly 6% of men, 0.4% of women
#a15b45 Tritanomaly 0.01% of the population