#9a5f45 hex color

In a RGB color space, hex #9a5f45 is composed of 60.4% red, 37.3% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.3% magenta, 55.2% yellow and 39.6% black. It has a hue angle of 18.4 degrees, a saturation of 38.1% and a lightness of 43.7%. #9a5f45 color hex could be obtained by blending #ffbe8a with #350000. Closest websafe color is: #996633.

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

● #9a5f45 color description : Dark moderate orange.

The hexadecimal color #9a5f45 has RGB values of R:154, G:95, B:69 and CMYK values of C:0, M:0.38, Y:0.55, K:0.4. Its decimal value is 10116933.

Hex triplet	9a5f45	`#9a5f45`
RGB Decimal	154, 95, 69	`rgb(154,95,69)`
RGB Percent	60.4, 37.3, 27.1	`rgb(60.4%,37.3%,27.1%)`
CMYK	0, 38, 55, 40
HSL	18.4°, 38.1, 43.7	`hsl(18.4,38.1%,43.7%)`
HSV (or HSB)	18.4°, 55.2, 60.4
Web Safe	996633	`#996633`

CIE-LAB	46.292, 21.231, 24.891
XYZ	18.493, 15.485, 7.645
xyY	0.444, 0.372, 15.485
CIE-LCH	46.292, 32.715, 49.538
CIE-LUV	46.292, 43.582, 24.583
Hunter-Lab	39.351, 15.021, 16.028
Binary	10011010, 01011111, 01000101

#9a5f45
```
#9a5f45 rgb(154,95,69)
```
#45809a
```
#45809a rgb(69,128,154)
```

Complementary Color

#9a4556
```
#9a4556 rgb(154,69,86)
```
#9a5f45
```
#9a5f45 rgb(154,95,69)
```
#9a8a45
```
#9a8a45 rgb(154,138,69)
```

Analogous Color

#45569a
```
#45569a rgb(69,86,154)
```
#9a5f45
```
#9a5f45 rgb(154,95,69)
```
#459a8a
```
#459a8a rgb(69,154,138)
```

Split Complementary Color

#5f459a
```
#5f459a rgb(95,69,154)
```
#9a5f45
```
#9a5f45 rgb(154,95,69)
```
#459a5f
```
#459a5f rgb(69,154,95)
```

Triadic Color

#9a4580
```
#9a4580 rgb(154,69,128)
```
#9a5f45
```
#9a5f45 rgb(154,95,69)
```
#459a5f
```
#459a5f rgb(69,154,95)
```
#45809a
```
#45809a rgb(69,128,154)
```

Tetradic Color

#653e2d
```
#653e2d rgb(101,62,45)
```
#774935
```
#774935 rgb(119,73,53)
```
#88543d
```
#88543d rgb(136,84,61)
```
#9a5f45
```
#9a5f45 rgb(154,95,69)
```
#ac6a4d
```
#ac6a4d rgb(172,106,77)
```
#b6785c
```
#b6785c rgb(182,120,92)
```
#be866e
```
#be866e rgb(190,134,110)
```

Monochromatic Color

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

#9a4a45
```
#9a4a45 rgb(154,74,69)
```
#9a5145
```
#9a5145 rgb(154,81,69)
```
#9a5845
```
#9a5845 rgb(154,88,69)
```
#9a5f45
```
#9a5f45 rgb(154,95,69)
```
#9a6645
```
#9a6645 rgb(154,102,69)
```
#9a6d45
```
#9a6d45 rgb(154,109,69)
```
#9a7445
```
#9a7445 rgb(154,116,69)
```

Similar Colors

Text with hexadecimal color #9a5f45

This text has a font color of #9a5f45.

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

#9a5f45 background color

This paragraph has a background color of #9a5f45.

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

#9a5f45 border color

This element has a border color of #9a5f45.

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

CSS codes

.text {color:#9a5f45;}

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

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

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

#050302
```
#050302 rgb(5,3,2)
```
#130b08
```
#130b08 rgb(19,11,8)
```
#20140e
```
#20140e rgb(32,20,14)
```
#2e1c14
```
#2e1c14 rgb(46,28,20)
```
#3b251b
```
#3b251b rgb(59,37,27)
```
#492d21
```
#492d21 rgb(73,45,33)
```
#563527
```
#563527 rgb(86,53,39)
```
#643e2d
```
#643e2d rgb(100,62,45)
```
#714633
```
#714633 rgb(113,70,51)
```
#7f4e39
```
#7f4e39 rgb(127,78,57)
```
#8c573f
```
#8c573f rgb(140,87,63)
```
#9a5f45
```
#9a5f45 rgb(154,95,69)
```
#a8674b
```
#a8674b rgb(168,103,75)
```

Shade Color Variation

#b27154
```
#b27154 rgb(178,113,84)
```
#b87c61
```
#b87c61 rgb(184,124,97)
```
#be876f
```
#be876f rgb(190,135,111)
```
#c5937d
```
#c5937d rgb(197,147,125)
```
#cb9e8a
```
#cb9e8a rgb(203,158,138)
```
#d1a998
```
#d1a998 rgb(209,169,152)
```
#d7b4a5
```
#d7b4a5 rgb(215,180,165)
```
#ddc0b3
```
#ddc0b3 rgb(221,192,179)
```
#e3cbc0
```
#e3cbc0 rgb(227,203,192)
```
#e9d6ce
```
#e9d6ce rgb(233,214,206)
```
#efe1db
```
#efe1db rgb(239,225,219)
```
#f5ede9
```
#f5ede9 rgb(245,237,233)
```
#fbf8f6
```
#fbf8f6 rgb(251,248,246)
```

Tint Color Variation

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

#786c67
```
#786c67 rgb(120,108,103)
```
#80695f
```
#80695f rgb(128,105,95)
```
#896656
```
#896656 rgb(137,102,86)
```
#91624e
```
#91624e rgb(145,98,78)
```
#9a5f45
```
#9a5f45 rgb(154,95,69)
```
#a35c3c
```
#a35c3c rgb(163,92,60)
```
#ab5834
```
#ab5834 rgb(171,88,52)
```
#b4552b
```
#b4552b rgb(180,85,43)
```
#bc5223
```
#bc5223 rgb(188,82,35)
```
#c54e1a
```
#c54e1a rgb(197,78,26)
```
#cd4b12
```
#cd4b12 rgb(205,75,18)
```
#d64809
```
#d64809 rgb(214,72,9)
```
#df4400
```
#df4400 rgb(223,68,0)
```

Tone Color Variation

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

#7e7553 Protanopia 1% of men
#8c704c Deuteranopia 1% of men
#a1636a Tritanopia 0.001% of the population

Trichromacy

#886d4e Protanomaly 1% of men, 0.01% of women
#916a49 Deuteranomaly 6% of men, 0.4% of women
#9e615c Tritanomaly 0.01% of the population

#9a5f45 hex color

#9a5f45 Color Information

#9a5f45 Color Conversion

Color Schemes with #9a5f45

Alternatives to #9a5f45

#9a5f45 Preview

Shades and Tints of #9a5f45

Tones of #9a5f45

Color Blindness Simulator