#9a6f30 hex color

In a RGB color space, hex #9a6f30 is composed of 60.4% red, 43.5% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.9% magenta, 68.8% yellow and 39.6% black. It has a hue angle of 35.7 degrees, a saturation of 52.5% and a lightness of 39.6%. #9a6f30 color hex could be obtained by blending #ffde60 with #350000. Closest websafe color is: #996633.

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

● #9a6f30 color description : Dark moderate orange.

The hexadecimal color #9a6f30 has RGB values of R:154, G:111, B:48 and CMYK values of C:0, M:0.28, Y:0.69, K:0.4. Its decimal value is 10121008.

Hex triplet	9a6f30	`#9a6f30`
RGB Decimal	154, 111, 48	`rgb(154,111,48)`
RGB Percent	60.4, 43.5, 18.8	`rgb(60.4%,43.5%,18.8%)`
CMYK	0, 28, 69, 40
HSL	35.7°, 52.5, 39.6	`hsl(35.7,52.5%,39.6%)`
HSV (or HSB)	35.7°, 68.8, 60.4
Web Safe	996633	`#996633`

CIE-LAB	50.041, 10.46, 40.709
XYZ	19.545, 18.453, 5.329
xyY	0.451, 0.426, 18.453
CIE-LCH	50.041, 42.031, 75.59
CIE-LUV	50.041, 34.132, 41.25
Hunter-Lab	42.957, 6.038, 22.716
Binary	10011010, 01101111, 00110000

#9a6f30
```
#9a6f30 rgb(154,111,48)
```
#305b9a
```
#305b9a rgb(48,91,154)
```

Complementary Color

#9a3a30
```
#9a3a30 rgb(154,58,48)
```
#9a6f30
```
#9a6f30 rgb(154,111,48)
```
#909a30
```
#909a30 rgb(144,154,48)
```

Analogous Color

#3a309a
```
#3a309a rgb(58,48,154)
```
#9a6f30
```
#9a6f30 rgb(154,111,48)
```
#30909a
```
#30909a rgb(48,144,154)
```

Split Complementary Color

#6f309a
```
#6f309a rgb(111,48,154)
```
#9a6f30
```
#9a6f30 rgb(154,111,48)
```
#309a6f
```
#309a6f rgb(48,154,111)
```

Triadic Color

#9a305b
```
#9a305b rgb(154,48,91)
```
#9a6f30
```
#9a6f30 rgb(154,111,48)
```
#309a6f
```
#309a6f rgb(48,154,111)
```
#305b9a
```
#305b9a rgb(48,91,154)
```

Tetradic Color

#60451e
```
#60451e rgb(96,69,30)
```
#735324
```
#735324 rgb(115,83,36)
```
#87612a
```
#87612a rgb(135,97,42)
```
#9a6f30
```
#9a6f30 rgb(154,111,48)
```
#ad7d36
```
#ad7d36 rgb(173,125,54)
```
#c18b3c
```
#c18b3c rgb(193,139,60)
```
#c8974f
```
#c8974f rgb(200,151,79)
```

Monochromatic Color

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

#9a5530
```
#9a5530 rgb(154,85,48)
```
#9a5d30
```
#9a5d30 rgb(154,93,48)
```
#9a6630
```
#9a6630 rgb(154,102,48)
```
#9a6f30
```
#9a6f30 rgb(154,111,48)
```
#9a7830
```
#9a7830 rgb(154,120,48)
```
#9a8130
```
#9a8130 rgb(154,129,48)
```
#9a8a30
```
#9a8a30 rgb(154,138,48)
```

Similar Colors

Text with hexadecimal color #9a6f30

This text has a font color of #9a6f30.

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

#9a6f30 background color

This paragraph has a background color of #9a6f30.

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

#9a6f30 border color

This element has a border color of #9a6f30.

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

CSS codes

.text {color:#9a6f30;}

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

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

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

#040301
```
#040301 rgb(4,3,1)
```
#130e06
```
#130e06 rgb(19,14,6)
```
#22190b
```
#22190b rgb(34,25,11)
```
#31240f
```
#31240f rgb(49,36,15)
```
#402e14
```
#402e14 rgb(64,46,20)
```
#4f3919
```
#4f3919 rgb(79,57,25)
```
#5e441d
```
#5e441d rgb(94,68,29)
```
#6d4f22
```
#6d4f22 rgb(109,79,34)
```
#7c5927
```
#7c5927 rgb(124,89,39)
```
#8b642b
```
#8b642b rgb(139,100,43)
```
#9a6f30
```
#9a6f30 rgb(154,111,48)
```
#a97a35
```
#a97a35 rgb(169,122,53)
```
#b88539
```
#b88539 rgb(184,133,57)
```

Shade Color Variation

#c48f41
```
#c48f41 rgb(196,143,65)
```
#c89850
```
#c89850 rgb(200,152,80)
```
#cda05f
```
#cda05f rgb(205,160,95)
```
#d2a96e
```
#d2a96e rgb(210,169,110)
```
#d6b27d
```
#d6b27d rgb(214,178,125)
```
#dbbb8c
```
#dbbb8c rgb(219,187,140)
```
#e0c49b
```
#e0c49b rgb(224,196,155)
```
#e4cdaa
```
#e4cdaa rgb(228,205,170)
```
#e9d5b9
```
#e9d5b9 rgb(233,213,185)
```
#eedec8
```
#eedec8 rgb(238,222,200)
```
#f2e7d7
```
#f2e7d7 rgb(242,231,215)
```
#f7f0e6
```
#f7f0e6 rgb(247,240,230)
```
#fcf9f5
```
#fcf9f5 rgb(252,249,245)
```

Tint Color Variation

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

#6b665f
```
#6b665f rgb(107,102,95)
```
#736857
```
#736857 rgb(115,104,87)
```
#7b694f
```
#7b694f rgb(123,105,79)
```
#836b47
```
#836b47 rgb(131,107,71)
```
#8a6c40
```
#8a6c40 rgb(138,108,64)
```
#926e38
```
#926e38 rgb(146,110,56)
```
#9a6f30
```
#9a6f30 rgb(154,111,48)
```
#a27028
```
#a27028 rgb(162,112,40)
```
#aa7220
```
#aa7220 rgb(170,114,32)
```
#b17319
```
#b17319 rgb(177,115,25)
```
#b97511
```
#b97511 rgb(185,117,17)
```
#c17609
```
#c17609 rgb(193,118,9)
```
#c97801
```
#c97801 rgb(201,120,1)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#7c7467 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7e3d Protanopia 1% of men
#9a783a Deuteranopia 1% of men
#a36f77 Tritanopia 0.001% of the population

Trichromacy

#907838 Protanomaly 1% of men, 0.01% of women
#9a7436 Deuteranomaly 6% of men, 0.4% of women
#a06f5d Tritanomaly 0.01% of the population

#9a6f30 hex color

#9a6f30 Color Information

#9a6f30 Color Conversion

Color Schemes with #9a6f30

Alternatives to #9a6f30

#9a6f30 Preview

Shades and Tints of #9a6f30

Tones of #9a6f30

Color Blindness Simulator