#9f5a31 hex color

In a RGB color space, hex #9f5a31 is composed of 62.4% red, 35.3% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.4% magenta, 69.2% yellow and 37.6% black. It has a hue angle of 22.4 degrees, a saturation of 52.9% and a lightness of 40.8%. #9f5a31 color hex could be obtained by blending #ffb462 with #3f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 62
- G 35
- B 19
RGB color chart
- C 0
- M 43
- Y 69
- K 38
CMYK color chart

● #9f5a31 color description : Dark moderate orange.

The hexadecimal color #9f5a31 has RGB values of R:159, G:90, B:49 and CMYK values of C:0, M:0.43, Y:0.69, K:0.38. Its decimal value is 10443313.

Hex triplet	9f5a31	`#9f5a31`
RGB Decimal	159, 90, 49	`rgb(159,90,49)`
RGB Percent	62.4, 35.3, 19.2	`rgb(62.4%,35.3%,19.2%)`
CMYK	0, 43, 69, 38
HSL	22.4°, 52.9, 40.8	`hsl(22.4,52.9%,40.8%)`
HSV (or HSB)	22.4°, 69.2, 62.4
Web Safe	996633	`#996633`

CIE-LAB	45.506, 24.703, 35.353
XYZ	18.509, 14.906, 4.808
xyY	0.484, 0.39, 14.906
CIE-LCH	45.506, 43.128, 55.057
CIE-LUV	45.506, 53.696, 32.321
Hunter-Lab	38.609, 18.007, 19.643
Binary	10011111, 01011010, 00110001

#9f5a31
```
#9f5a31 rgb(159,90,49)
```
#31769f
```
#31769f rgb(49,118,159)
```

Complementary Color

#9f313f
```
#9f313f rgb(159,49,63)
```
#9f5a31
```
#9f5a31 rgb(159,90,49)
```
#9f9131
```
#9f9131 rgb(159,145,49)
```

Analogous Color

#313f9f
```
#313f9f rgb(49,63,159)
```
#9f5a31
```
#9f5a31 rgb(159,90,49)
```
#319f91
```
#319f91 rgb(49,159,145)
```

Split Complementary Color

#5a319f
```
#5a319f rgb(90,49,159)
```
#9f5a31
```
#9f5a31 rgb(159,90,49)
```
#319f5a
```
#319f5a rgb(49,159,90)
```

Triadic Color

#9f3176
```
#9f3176 rgb(159,49,118)
```
#9f5a31
```
#9f5a31 rgb(159,90,49)
```
#319f5a
```
#319f5a rgb(49,159,90)
```
#31769f
```
#31769f rgb(49,118,159)
```

Tetradic Color

#65391f
```
#65391f rgb(101,57,31)
```
#784425
```
#784425 rgb(120,68,37)
```
#8c4f2b
```
#8c4f2b rgb(140,79,43)
```
#9f5a31
```
#9f5a31 rgb(159,90,49)
```
#b26537
```
#b26537 rgb(178,101,55)
```
#c4713f
```
#c4713f rgb(196,113,63)
```
#ca7f53
```
#ca7f53 rgb(202,127,83)
```

Monochromatic Color

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

#9f3f31
```
#9f3f31 rgb(159,63,49)
```
#9f4831
```
#9f4831 rgb(159,72,49)
```
#9f5131
```
#9f5131 rgb(159,81,49)
```
#9f5a31
```
#9f5a31 rgb(159,90,49)
```
#9f6331
```
#9f6331 rgb(159,99,49)
```
#9f6c31
```
#9f6c31 rgb(159,108,49)
```
#9f7631
```
#9f7631 rgb(159,118,49)
```

Similar Colors

Text with hexadecimal color #9f5a31

This text has a font color of #9f5a31.

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

#9f5a31 background color

This paragraph has a background color of #9f5a31.

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

#9f5a31 border color

This element has a border color of #9f5a31.

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

CSS codes

.text {color:#9f5a31;}

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

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

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, #090503 is the darkest color, while #fdfbf9 is the lightest one.

#090503
```
#090503 rgb(9,5,3)
```
#180e07
```
#180e07 rgb(24,14,7)
```
#27160c
```
#27160c rgb(39,22,12)
```
#361f11
```
#361f11 rgb(54,31,17)
```
#452715
```
#452715 rgb(69,39,21)
```
#54301a
```
#54301a rgb(84,48,26)
```
#63381f
```
#63381f rgb(99,56,31)
```
#724123
```
#724123 rgb(114,65,35)
```
#814928
```
#814928 rgb(129,73,40)
```
#90522c
```
#90522c rgb(144,82,44)
```
#9f5a31
```
#9f5a31 rgb(159,90,49)
```
#ae6236
```
#ae6236 rgb(174,98,54)
```
#bd6b3a
```
#bd6b3a rgb(189,107,58)
```

Shade Color Variation

#c67545
```
#c67545 rgb(198,117,69)
```
#ca8054
```
#ca8054 rgb(202,128,84)
```
#cf8b63
```
#cf8b63 rgb(207,139,99)
```
#d49672
```
#d49672 rgb(212,150,114)
```
#d8a281
```
#d8a281 rgb(216,162,129)
```
#ddad90
```
#ddad90 rgb(221,173,144)
```
#e1b89f
```
#e1b89f rgb(225,184,159)
```
#e6c3ae
```
#e6c3ae rgb(230,195,174)
```
#ebcebd
```
#ebcebd rgb(235,206,189)
```
#efd9cc
```
#efd9cc rgb(239,217,204)
```
#f4e4db
```
#f4e4db rgb(244,228,219)
```
#f9efea
```
#f9efea rgb(249,239,234)
```
#fdfbf9
```
#fdfbf9 rgb(253,251,249)
```

Tint Color Variation

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

#6f6661
```
#6f6661 rgb(111,102,97)
```
#776459
```
#776459 rgb(119,100,89)
```
#7f6251
```
#7f6251 rgb(127,98,81)
```
#876049
```
#876049 rgb(135,96,73)
```
#8f5e41
```
#8f5e41 rgb(143,94,65)
```
#975c39
```
#975c39 rgb(151,92,57)
```
#9f5a31
```
#9f5a31 rgb(159,90,49)
```
#a75829
```
#a75829 rgb(167,88,41)
```
#af5621
```
#af5621 rgb(175,86,33)
```
#b75419
```
#b75419 rgb(183,84,25)
```
#bf5211
```
#bf5211 rgb(191,82,17)
```
#c75009
```
#c75009 rgb(199,80,9)
```
#cf4e01
```
#cf4e01 rgb(207,78,1)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#75675f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7341 Protanopia 1% of men
#8d6e38 Deuteranopia 1% of men
#a65d63 Tritanopia 0.001% of the population

Trichromacy

#8a6a3b Protanomaly 1% of men, 0.01% of women
#936635 Deuteranomaly 6% of men, 0.4% of women
#a35c51 Tritanomaly 0.01% of the population

#9f5a31 hex color

#9f5a31 Color Information

#9f5a31 Color Conversion

Color Schemes with #9f5a31

Alternatives to #9f5a31

#9f5a31 Preview

Shades and Tints of #9f5a31

Tones of #9f5a31

Color Blindness Simulator