#9a5f18 hex color

In a RGB color space, hex #9a5f18 is composed of 60.4% red, 37.3% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.3% magenta, 84.4% yellow and 39.6% black. It has a hue angle of 32.8 degrees, a saturation of 73% and a lightness of 34.9%. #9a5f18 color hex could be obtained by blending #ffbe30 with #350000. Closest websafe color is: #996600.

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

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

The hexadecimal color #9a5f18 has RGB values of R:154, G:95, B:24 and CMYK values of C:0, M:0.38, Y:0.84, K:0.4. Its decimal value is 10116888.

Hex triplet	9a5f18	`#9a5f18`
RGB Decimal	154, 95, 24	`rgb(154,95,24)`
RGB Percent	60.4, 37.3, 9.4	`rgb(60.4%,37.3%,9.4%)`
CMYK	0, 38, 84, 40
HSL	32.8°, 73, 34.9	`hsl(32.8,73%,34.9%)`
HSV (or HSB)	32.8°, 84.4, 60.4
Web Safe	996600	`#996600`

CIE-LAB	45.8, 18.521, 47.123
XYZ	17.584, 15.122, 2.857
xyY	0.494, 0.425, 15.122
CIE-LCH	45.8, 50.632, 68.543
CIE-LUV	45.8, 47.746, 41.459
Hunter-Lab	38.887, 12.664, 22.865
Binary	10011010, 01011111, 00011000

#9a5f18
```
#9a5f18 rgb(154,95,24)
```
#18539a
```
#18539a rgb(24,83,154)
```

Complementary Color

#9a1e18
```
#9a1e18 rgb(154,30,24)
```
#9a5f18
```
#9a5f18 rgb(154,95,24)
```
#949a18
```
#949a18 rgb(148,154,24)
```

Analogous Color

#1e189a
```
#1e189a rgb(30,24,154)
```
#9a5f18
```
#9a5f18 rgb(154,95,24)
```
#18949a
```
#18949a rgb(24,148,154)
```

Split Complementary Color

#5f189a
```
#5f189a rgb(95,24,154)
```
#9a5f18
```
#9a5f18 rgb(154,95,24)
```
#189a5f
```
#189a5f rgb(24,154,95)
```

Triadic Color

#9a1853
```
#9a1853 rgb(154,24,83)
```
#9a5f18
```
#9a5f18 rgb(154,95,24)
```
#189a5f
```
#189a5f rgb(24,154,95)
```
#18539a
```
#18539a rgb(24,83,154)
```

Tetradic Color

#58360e
```
#58360e rgb(88,54,14)
```
#6e4411
```
#6e4411 rgb(110,68,17)
```
#845115
```
#845115 rgb(132,81,21)
```
#9a5f18
```
#9a5f18 rgb(154,95,24)
```
#b06d1b
```
#b06d1b rgb(176,109,27)
```
#c67a1f
```
#c67a1f rgb(198,122,31)
```
#dc8822
```
#dc8822 rgb(220,136,34)
```

Monochromatic Color

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

#9a3f18
```
#9a3f18 rgb(154,63,24)
```
#9a4918
```
#9a4918 rgb(154,73,24)
```
#9a5418
```
#9a5418 rgb(154,84,24)
```
#9a5f18
```
#9a5f18 rgb(154,95,24)
```
#9a6a18
```
#9a6a18 rgb(154,106,24)
```
#9a7518
```
#9a7518 rgb(154,117,24)
```
#9a8018
```
#9a8018 rgb(154,128,24)
```

Similar Colors

Text with hexadecimal color #9a5f18

This text has a font color of #9a5f18.

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

#9a5f18 background color

This paragraph has a background color of #9a5f18.

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

#9a5f18 border color

This element has a border color of #9a5f18.

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

CSS codes

.text {color:#9a5f18;}

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

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

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

#010100
```
#010100 rgb(1,1,0)
```
#120b03
```
#120b03 rgb(18,11,3)
```
#231605
```
#231605 rgb(35,22,5)
```
#342008
```
#342008 rgb(52,32,8)
```
#452b0b
```
#452b0b rgb(69,43,11)
```
#56350d
```
#56350d rgb(86,53,13)
```
#674010
```
#674010 rgb(103,64,16)
```
#784a13
```
#784a13 rgb(120,74,19)
```
#895515
```
#895515 rgb(137,85,21)
```
#9a5f18
```
#9a5f18 rgb(154,95,24)
```
#ab691b
```
#ab691b rgb(171,105,27)
```
#bc741d
```
#bc741d rgb(188,116,29)
```
#cd7e20
```
#cd7e20 rgb(205,126,32)
```

Shade Color Variation

#dd8924
```
#dd8924 rgb(221,137,36)
```
#df9235
```
#df9235 rgb(223,146,53)
```
#e29b46
```
#e29b46 rgb(226,155,70)
```
#e5a457
```
#e5a457 rgb(229,164,87)
```
#e7ad68
```
#e7ad68 rgb(231,173,104)
```
#eab778
```
#eab778 rgb(234,183,120)
```
#edc089
```
#edc089 rgb(237,192,137)
```
#efc99a
```
#efc99a rgb(239,201,154)
```
#f2d2ab
```
#f2d2ab rgb(242,210,171)
```
#f5dbbc
```
#f5dbbc rgb(245,219,188)
```
#f7e4cd
```
#f7e4cd rgb(247,228,205)
```
#faedde
```
#faedde rgb(250,237,222)
```
#fdf7ef
```
#fdf7ef rgb(253,247,239)
```

Tint Color Variation

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

#5c5956
```
#5c5956 rgb(92,89,86)
```
#635a4f
```
#635a4f rgb(99,90,79)
```
#6a5b48
```
#6a5b48 rgb(106,91,72)
```
#715b41
```
#715b41 rgb(113,91,65)
```
#785c3a
```
#785c3a rgb(120,92,58)
```
#7f5c33
```
#7f5c33 rgb(127,92,51)
```
#855d2d
```
#855d2d rgb(133,93,45)
```
#8c5e26
```
#8c5e26 rgb(140,94,38)
```
#935e1f
```
#935e1f rgb(147,94,31)
```
#9a5f18
```
#9a5f18 rgb(154,95,24)
```
#a16011
```
#a16011 rgb(161,96,17)
```
#a8600a
```
#a8600a rgb(168,96,10)
```
#af6103
```
#af6103 rgb(175,97,3)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#736759 Atypical Achromatopsia 0.001% of the population

Dichromacy

#817427 Protanopia 1% of men
#906e20 Deuteranopia 1% of men
#a36067 Tritanopia 0.001% of the population

Trichromacy

#8a6c21 Protanomaly 1% of men, 0.01% of women
#93681d Deuteranomaly 6% of men, 0.4% of women
#9f604a Tritanomaly 0.01% of the population

#9a5f18 hex color

#9a5f18 Color Information

#9a5f18 Color Conversion

Color Schemes with #9a5f18

Alternatives to #9a5f18

#9a5f18 Preview

Shades and Tints of #9a5f18

Tones of #9a5f18

Color Blindness Simulator