#9f5f30 hex color

In a RGB color space, hex #9f5f30 is composed of 62.4% red, 37.3% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.3% magenta, 69.8% yellow and 37.6% black. It has a hue angle of 25.4 degrees, a saturation of 53.6% and a lightness of 40.6%. #9f5f30 color hex could be obtained by blending #ffbe60 with #3f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 62
- G 37
- B 19
RGB color chart
- C 0
- M 40
- Y 70
- K 38
CMYK color chart

● #9f5f30 color description : Dark moderate orange.

The hexadecimal color #9f5f30 has RGB values of R:159, G:95, B:48 and CMYK values of C:0, M:0.4, Y:0.7, K:0.38. Its decimal value is 10444592.

Hex triplet	9f5f30	`#9f5f30`
RGB Decimal	159, 95, 48	`rgb(159,95,48)`
RGB Percent	62.4, 37.3, 18.8	`rgb(62.4%,37.3%,18.8%)`
CMYK	0, 40, 70, 38
HSL	25.4°, 53.6, 40.6	`hsl(25.4,53.6%,40.6%)`
HSV (or HSB)	25.4°, 69.8, 62.4
Web Safe	996633	`#996633`

CIE-LAB	46.671, 21.829, 37.19
XYZ	18.924, 15.77, 4.843
xyY	0.479, 0.399, 15.77
CIE-LCH	46.671, 43.123, 59.589
CIE-LUV	46.671, 50.063, 34.779
Hunter-Lab	39.712, 15.567, 20.567
Binary	10011111, 01011111, 00110000

#9f5f30
```
#9f5f30 rgb(159,95,48)
```
#30709f
```
#30709f rgb(48,112,159)
```

Complementary Color

#9f3039
```
#9f3039 rgb(159,48,57)
```
#9f5f30
```
#9f5f30 rgb(159,95,48)
```
#9f9730
```
#9f9730 rgb(159,151,48)
```

Analogous Color

#30389f
```
#30389f rgb(48,56,159)
```
#9f5f30
```
#9f5f30 rgb(159,95,48)
```
#309f97
```
#309f97 rgb(48,159,151)
```

Split Complementary Color

#5f309f
```
#5f309f rgb(95,48,159)
```
#9f5f30
```
#9f5f30 rgb(159,95,48)
```
#309f5f
```
#309f5f rgb(48,159,95)
```

Triadic Color

#9f3070
```
#9f3070 rgb(159,48,112)
```
#9f5f30
```
#9f5f30 rgb(159,95,48)
```
#309f5f
```
#309f5f rgb(48,159,95)
```
#30709f
```
#30709f rgb(48,112,159)
```

Tetradic Color

#643c1e
```
#643c1e rgb(100,60,30)
```
#784824
```
#784824 rgb(120,72,36)
```
#8b532a
```
#8b532a rgb(139,83,42)
```
#9f5f30
```
#9f5f30 rgb(159,95,48)
```
#b36b36
```
#b36b36 rgb(179,107,54)
```
#c5773d
```
#c5773d rgb(197,119,61)
```
#ca8451
```
#ca8451 rgb(202,132,81)
```

Monochromatic Color

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

#9f4330
```
#9f4330 rgb(159,67,48)
```
#9f4d30
```
#9f4d30 rgb(159,77,48)
```
#9f5630
```
#9f5630 rgb(159,86,48)
```
#9f5f30
```
#9f5f30 rgb(159,95,48)
```
#9f6830
```
#9f6830 rgb(159,104,48)
```
#9f7230
```
#9f7230 rgb(159,114,48)
```
#9f7b30
```
#9f7b30 rgb(159,123,48)
```

Similar Colors

Text with hexadecimal color #9f5f30

This text has a font color of #9f5f30.

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

#9f5f30 background color

This paragraph has a background color of #9f5f30.

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

#9f5f30 border color

This element has a border color of #9f5f30.

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

CSS codes

.text {color:#9f5f30;}

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

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

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

#080503
```
#080503 rgb(8,5,3)
```
#170e07
```
#170e07 rgb(23,14,7)
```
#26170c
```
#26170c rgb(38,23,12)
```
#362010
```
#362010 rgb(54,32,16)
```
#452915
```
#452915 rgb(69,41,21)
```
#543219
```
#543219 rgb(84,50,25)
```
#633b1e
```
#633b1e rgb(99,59,30)
```
#724422
```
#724422 rgb(114,68,34)
```
#814d27
```
#814d27 rgb(129,77,39)
```
#90562b
```
#90562b rgb(144,86,43)
```
#9f5f30
```
#9f5f30 rgb(159,95,48)
```
#ae6835
```
#ae6835 rgb(174,104,53)
```
#bd7139
```
#bd7139 rgb(189,113,57)
```

Shade Color Variation

#c67b43
```
#c67b43 rgb(198,123,67)
```
#cb8653
```
#cb8653 rgb(203,134,83)
```
#cf9062
```
#cf9062 rgb(207,144,98)
```
#d49b71
```
#d49b71 rgb(212,155,113)
```
#d9a580
```
#d9a580 rgb(217,165,128)
```
#ddb08f
```
#ddb08f rgb(221,176,143)
```
#e2bb9e
```
#e2bb9e rgb(226,187,158)
```
#e6c5ad
```
#e6c5ad rgb(230,197,173)
```
#ebd0bc
```
#ebd0bc rgb(235,208,188)
```
#efdacb
```
#efdacb rgb(239,218,203)
```
#f4e5da
```
#f4e5da rgb(244,229,218)
```
#f8f0e9
```
#f8f0e9 rgb(248,240,233)
```
#fdfaf8
```
#fdfaf8 rgb(253,250,248)
```

Tint Color Variation

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

#6f6660
```
#6f6660 rgb(111,102,96)
```
#776558
```
#776558 rgb(119,101,88)
```
#7f6450
```
#7f6450 rgb(127,100,80)
```
#876348
```
#876348 rgb(135,99,72)
```
#8f6140
```
#8f6140 rgb(143,97,64)
```
#976038
```
#976038 rgb(151,96,56)
```
#9f5f30
```
#9f5f30 rgb(159,95,48)
```
#a75e28
```
#a75e28 rgb(167,94,40)
```
#af5d20
```
#af5d20 rgb(175,93,32)
```
#b75b18
```
#b75b18 rgb(183,91,24)
```
#bf5a10
```
#bf5a10 rgb(191,90,16)
```
#c75908
```
#c75908 rgb(199,89,8)
```
#cf5800
```
#cf5800 rgb(207,88,0)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#776a61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#81763f Protanopia 1% of men
#907037 Deuteranopia 1% of men
#a76268 Tritanopia 0.001% of the population

Trichromacy

#8c6d39 Protanomaly 1% of men, 0.01% of women
#966a34 Deuteranomaly 6% of men, 0.4% of women
#a46053 Tritanomaly 0.01% of the population

#9f5f30 hex color

#9f5f30 Color Information

#9f5f30 Color Conversion

Color Schemes with #9f5f30

Alternatives to #9f5f30

#9f5f30 Preview

Shades and Tints of #9f5f30

Tones of #9f5f30

Color Blindness Simulator