#9a5f48 hex color

In a RGB color space, hex #9a5f48 is composed of 60.4% red, 37.3% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.3% magenta, 53.2% yellow and 39.6% black. It has a hue angle of 16.8 degrees, a saturation of 36.3% and a lightness of 44.3%. #9a5f48 color hex could be obtained by blending #ffbe90 with #350000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 60
- G 37
- B 28
RGB color chart
- C 0
- M 38
- Y 53
- K 40
CMYK color chart

● #9a5f48 color description : Dark moderate orange.

The hexadecimal color #9a5f48 has RGB values of R:154, G:95, B:72 and CMYK values of C:0, M:0.38, Y:0.53, K:0.4. Its decimal value is 10116936.

Hex triplet	9a5f48	`#9a5f48`
RGB Decimal	154, 95, 72	`rgb(154,95,72)`
RGB Percent	60.4, 37.3, 28.2	`rgb(60.4%,37.3%,28.2%)`
CMYK	0, 38, 53, 40
HSL	16.8°, 36.3, 44.3	`hsl(16.8,36.3%,44.3%)`
HSV (or HSB)	16.8°, 53.2, 60.4
Web Safe	996633	`#996633`

CIE-LAB	46.343, 21.508, 23.208
XYZ	18.589, 15.524, 8.148
xyY	0.44, 0.367, 15.524
CIE-LCH	46.343, 31.642, 47.177
CIE-LUV	46.343, 43.18, 22.94
Hunter-Lab	39.4, 15.265, 15.319
Binary	10011010, 01011111, 01001000

#9a5f48
```
#9a5f48 rgb(154,95,72)
```
#48839a
```
#48839a rgb(72,131,154)
```

Complementary Color

#9a485a
```
#9a485a rgb(154,72,90)
```
#9a5f48
```
#9a5f48 rgb(154,95,72)
```
#9a8848
```
#9a8848 rgb(154,136,72)
```

Analogous Color

#485a9a
```
#485a9a rgb(72,90,154)
```
#9a5f48
```
#9a5f48 rgb(154,95,72)
```
#489a88
```
#489a88 rgb(72,154,136)
```

Split Complementary Color

#5f489a
```
#5f489a rgb(95,72,154)
```
#9a5f48
```
#9a5f48 rgb(154,95,72)
```
#489a5f
```
#489a5f rgb(72,154,95)
```

Triadic Color

#9a4883
```
#9a4883 rgb(154,72,131)
```
#9a5f48
```
#9a5f48 rgb(154,95,72)
```
#489a5f
```
#489a5f rgb(72,154,95)
```
#48839a
```
#48839a rgb(72,131,154)
```

Tetradic Color

#663f30
```
#663f30 rgb(102,63,48)
```
#774a38
```
#774a38 rgb(119,74,56)
```
#895440
```
#895440 rgb(137,84,64)
```
#9a5f48
```
#9a5f48 rgb(154,95,72)
```
#ab6a50
```
#ab6a50 rgb(171,106,80)
```
#b57860
```
#b57860 rgb(181,120,96)
```
#bd8772
```
#bd8772 rgb(189,135,114)
```

Monochromatic Color

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

#9a4b48
```
#9a4b48 rgb(154,75,72)
```
#9a5148
```
#9a5148 rgb(154,81,72)
```
#9a5848
```
#9a5848 rgb(154,88,72)
```
#9a5f48
```
#9a5f48 rgb(154,95,72)
```
#9a6648
```
#9a6648 rgb(154,102,72)
```
#9a6d48
```
#9a6d48 rgb(154,109,72)
```
#9a7448
```
#9a7448 rgb(154,116,72)
```

Similar Colors

Text with hexadecimal color #9a5f48

This text has a font color of #9a5f48.

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

#9a5f48 background color

This paragraph has a background color of #9a5f48.

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

#9a5f48 border color

This element has a border color of #9a5f48.

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

CSS codes

.text {color:#9a5f48;}

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

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

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

#070403
```
#070403 rgb(7,4,3)
```
#140d0a
```
#140d0a rgb(20,13,10)
```
#221510
```
#221510 rgb(34,21,16)
```
#2f1d16
```
#2f1d16 rgb(47,29,22)
```
#3c251c
```
#3c251c rgb(60,37,28)
```
#4a2e23
```
#4a2e23 rgb(74,46,35)
```
#573629
```
#573629 rgb(87,54,41)
```
#653e2f
```
#653e2f rgb(101,62,47)
```
#724635
```
#724635 rgb(114,70,53)
```
#7f4f3c
```
#7f4f3c rgb(127,79,60)
```
#8d5742
```
#8d5742 rgb(141,87,66)
```
#9a5f48
```
#9a5f48 rgb(154,95,72)
```
#a7674e
```
#a7674e rgb(167,103,78)
```

Shade Color Variation

#b17158
```
#b17158 rgb(177,113,88)
```
#b77c66
```
#b77c66 rgb(183,124,102)
```
#be8873
```
#be8873 rgb(190,136,115)
```
#c49380
```
#c49380 rgb(196,147,128)
```
#ca9f8e
```
#ca9f8e rgb(202,159,142)
```
#d0aa9b
```
#d0aa9b rgb(208,170,155)
```
#d7b5a8
```
#d7b5a8 rgb(215,181,168)
```
#ddc1b6
```
#ddc1b6 rgb(221,193,182)
```
#e3ccc3
```
#e3ccc3 rgb(227,204,195)
```
#e9d7d1
```
#e9d7d1 rgb(233,215,209)
```
#f0e3de
```
#f0e3de rgb(240,227,222)
```
#f6eeeb
```
#f6eeeb rgb(246,238,235)
```
#fcfaf9
```
#fcfaf9 rgb(252,250,249)
```

Tint Color Variation

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

#776e6b
```
#776e6b rgb(119,110,107)
```
#806a62
```
#806a62 rgb(128,106,98)
```
#896759
```
#896759 rgb(137,103,89)
```
#916351
```
#916351 rgb(145,99,81)
```
#9a5f48
```
#9a5f48 rgb(154,95,72)
```
#a35b3f
```
#a35b3f rgb(163,91,63)
```
#ab5737
```
#ab5737 rgb(171,87,55)
```
#b4542e
```
#b4542e rgb(180,84,46)
```
#bd5025
```
#bd5025 rgb(189,80,37)
```
#c54c1d
```
#c54c1d rgb(197,76,29)
```
#ce4814
```
#ce4814 rgb(206,72,20)
```
#d7440b
```
#d7440b rgb(215,68,11)
```
#e04002
```
#e04002 rgb(224,64,2)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#776b66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7556 Protanopia 1% of men
#8c704f Deuteranopia 1% of men
#a1636a Tritanopia 0.001% of the population

Trichromacy

#886d51 Protanomaly 1% of men, 0.01% of women
#916a4c Deuteranomaly 6% of men, 0.4% of women
#9e625e Tritanomaly 0.01% of the population

#9a5f48 hex color

#9a5f48 Color Information

#9a5f48 Color Conversion

Color Schemes with #9a5f48

Alternatives to #9a5f48

#9a5f48 Preview

Shades and Tints of #9a5f48

Tones of #9a5f48

Color Blindness Simulator