#9a6f18 hex color

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

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

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

The hexadecimal color #9a6f18 has RGB values of R:154, G:111, B:24 and CMYK values of C:0, M:0.28, Y:0.84, K:0.4. Its decimal value is 10120984.

Hex triplet	9a6f18	`#9a6f18`
RGB Decimal	154, 111, 24	`rgb(154,111,24)`
RGB Percent	60.4, 43.5, 9.4	`rgb(60.4%,43.5%,9.4%)`
CMYK	0, 28, 84, 40
HSL	40.2°, 73, 34.9	`hsl(40.2,73%,34.9%)`
HSV (or HSB)	40.2°, 84.4, 60.4
Web Safe	996600	`#996600`

CIE-LAB	49.865, 9.353, 50.657
XYZ	19.176, 18.306, 3.388
xyY	0.469, 0.448, 18.306
CIE-LCH	49.865, 51.514, 79.539
CIE-LUV	49.865, 35.354, 47.805
Hunter-Lab	42.785, 5.128, 25.256
Binary	10011010, 01101111, 00011000

#9a6f18
```
#9a6f18 rgb(154,111,24)
```
#18439a
```
#18439a rgb(24,67,154)
```

Complementary Color

#9a2e18
```
#9a2e18 rgb(154,46,24)
```
#9a6f18
```
#9a6f18 rgb(154,111,24)
```
#849a18
```
#849a18 rgb(132,154,24)
```

Analogous Color

#2e189a
```
#2e189a rgb(46,24,154)
```
#9a6f18
```
#9a6f18 rgb(154,111,24)
```
#18849a
```
#18849a rgb(24,132,154)
```

Split Complementary Color

#6f189a
```
#6f189a rgb(111,24,154)
```
#9a6f18
```
#9a6f18 rgb(154,111,24)
```
#189a6f
```
#189a6f rgb(24,154,111)
```

Triadic Color

#9a1843
```
#9a1843 rgb(154,24,67)
```
#9a6f18
```
#9a6f18 rgb(154,111,24)
```
#189a6f
```
#189a6f rgb(24,154,111)
```
#18439a
```
#18439a rgb(24,67,154)
```

Tetradic Color

#583f0e
```
#583f0e rgb(88,63,14)
```
#6e4f11
```
#6e4f11 rgb(110,79,17)
```
#845f15
```
#845f15 rgb(132,95,21)
```
#9a6f18
```
#9a6f18 rgb(154,111,24)
```
#b07f1b
```
#b07f1b rgb(176,127,27)
```
#c68f1f
```
#c68f1f rgb(198,143,31)
```
#dc9f22
```
#dc9f22 rgb(220,159,34)
```

Monochromatic Color

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

#9a4e18
```
#9a4e18 rgb(154,78,24)
```
#9a5918
```
#9a5918 rgb(154,89,24)
```
#9a6418
```
#9a6418 rgb(154,100,24)
```
#9a6f18
```
#9a6f18 rgb(154,111,24)
```
#9a7a18
```
#9a7a18 rgb(154,122,24)
```
#9a8518
```
#9a8518 rgb(154,133,24)
```
#9a9018
```
#9a9018 rgb(154,144,24)
```

Similar Colors

Text with hexadecimal color #9a6f18

This text has a font color of #9a6f18.

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

#9a6f18 background color

This paragraph has a background color of #9a6f18.

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

#9a6f18 border color

This element has a border color of #9a6f18.

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

CSS codes

.text {color:#9a6f18;}

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

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

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 #fdf8ef is the lightest one.

#010100
```
#010100 rgb(1,1,0)
```
#120d03
```
#120d03 rgb(18,13,3)
```
#231905
```
#231905 rgb(35,25,5)
```
#342608
```
#342608 rgb(52,38,8)
```
#45320b
```
#45320b rgb(69,50,11)
```
#563e0d
```
#563e0d rgb(86,62,13)
```
#674a10
```
#674a10 rgb(103,74,16)
```
#785713
```
#785713 rgb(120,87,19)
```
#896315
```
#896315 rgb(137,99,21)
```
#9a6f18
```
#9a6f18 rgb(154,111,24)
```
#ab7b1b
```
#ab7b1b rgb(171,123,27)
```
#bc871d
```
#bc871d rgb(188,135,29)
```
#cd9420
```
#cd9420 rgb(205,148,32)
```

Shade Color Variation

#dda024
```
#dda024 rgb(221,160,36)
```
#dfa735
```
#dfa735 rgb(223,167,53)
```
#e2ae46
```
#e2ae46 rgb(226,174,70)
```
#e5b657
```
#e5b657 rgb(229,182,87)
```
#e7bd68
```
#e7bd68 rgb(231,189,104)
```
#eac478
```
#eac478 rgb(234,196,120)
```
#edcc89
```
#edcc89 rgb(237,204,137)
```
#efd39a
```
#efd39a rgb(239,211,154)
```
#f2dbab
```
#f2dbab rgb(242,219,171)
```
#f5e2bc
```
#f5e2bc rgb(245,226,188)
```
#f7e9cd
```
#f7e9cd rgb(247,233,205)
```
#faf1de
```
#faf1de rgb(250,241,222)
```
#fdf8ef
```
#fdf8ef rgb(253,248,239)
```

Tint Color Variation

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

#5c5a56
```
#5c5a56 rgb(92,90,86)
```
#635c4f
```
#635c4f rgb(99,92,79)
```
#6a5f48
```
#6a5f48 rgb(106,95,72)
```
#716141
```
#716141 rgb(113,97,65)
```
#78633a
```
#78633a rgb(120,99,58)
```
#7f6633
```
#7f6633 rgb(127,102,51)
```
#85682d
```
#85682d rgb(133,104,45)
```
#8c6a26
```
#8c6a26 rgb(140,106,38)
```
#936d1f
```
#936d1f rgb(147,109,31)
```
#9a6f18
```
#9a6f18 rgb(154,111,24)
```
#a17111
```
#a17111 rgb(161,113,17)
```
#a8740a
```
#a8740a rgb(168,116,10)
```
#af7603
```
#af7603 rgb(175,118,3)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#7a7160 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c7d25 Protanopia 1% of men
#9c7723 Deuteranopia 1% of men
#a46f76 Tritanopia 0.001% of the population

Trichromacy

#917820 Protanomaly 1% of men, 0.01% of women
#9b741f Deuteranomaly 6% of men, 0.4% of women
#a06f54 Tritanomaly 0.01% of the population

#9a6f18 hex color

#9a6f18 Color Information

#9a6f18 Color Conversion

Color Schemes with #9a6f18

Alternatives to #9a6f18

#9a6f18 Preview

Shades and Tints of #9a6f18

Tones of #9a6f18

Color Blindness Simulator