#9a5a20 hex color

In a RGB color space, hex #9a5a20 is composed of 60.4% red, 35.3% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.6% magenta, 79.2% yellow and 39.6% black. It has a hue angle of 28.5 degrees, a saturation of 65.6% and a lightness of 36.5%. #9a5a20 color hex could be obtained by blending #ffb440 with #350000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 60
- G 35
- B 13
RGB color chart
- C 0
- M 42
- Y 79
- K 40
CMYK color chart

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

The hexadecimal color #9a5a20 has RGB values of R:154, G:90, B:32 and CMYK values of C:0, M:0.42, Y:0.79, K:0.4. Its decimal value is 10115616.

Hex triplet	9a5a20	`#9a5a20`
RGB Decimal	154, 90, 32	`rgb(154,90,32)`
RGB Percent	60.4, 35.3, 12.5	`rgb(60.4%,35.3%,12.5%)`
CMYK	0, 42, 79, 40
HSL	28.5°, 65.6, 36.5	`hsl(28.5,65.6%,36.5%)`
HSV (or HSB)	28.5°, 79.2, 60.4
Web Safe	996633	`#996633`

CIE-LAB	44.643, 21.66, 42.733
XYZ	17.244, 14.288, 3.216
xyY	0.496, 0.411, 14.288
CIE-LCH	44.643, 47.909, 63.121
CIE-LUV	44.643, 51.137, 37.59
Hunter-Lab	37.799, 15.281, 21.415
Binary	10011010, 01011010, 00100000

#9a5a20
```
#9a5a20 rgb(154,90,32)
```
#20609a
```
#20609a rgb(32,96,154)
```

Complementary Color

#9a2023
```
#9a2023 rgb(154,32,35)
```
#9a5a20
```
#9a5a20 rgb(154,90,32)
```
#9a9720
```
#9a9720 rgb(154,151,32)
```

Analogous Color

#20239a
```
#20239a rgb(32,35,154)
```
#9a5a20
```
#9a5a20 rgb(154,90,32)
```
#209a97
```
#209a97 rgb(32,154,151)
```

Split Complementary Color

#5a209a
```
#5a209a rgb(90,32,154)
```
#9a5a20
```
#9a5a20 rgb(154,90,32)
```
#209a5a
```
#209a5a rgb(32,154,90)
```

Triadic Color

#9a2060
```
#9a2060 rgb(154,32,96)
```
#9a5a20
```
#9a5a20 rgb(154,90,32)
```
#209a5a
```
#209a5a rgb(32,154,90)
```
#20609a
```
#20609a rgb(32,96,154)
```

Tetradic Color

#5b3513
```
#5b3513 rgb(91,53,19)
```
#704117
```
#704117 rgb(112,65,23)
```
#854e1c
```
#854e1c rgb(133,78,28)
```
#9a5a20
```
#9a5a20 rgb(154,90,32)
```
#af6624
```
#af6624 rgb(175,102,36)
```
#c47329
```
#c47329 rgb(196,115,41)
```
#d47f32
```
#d47f32 rgb(212,127,50)
```

Monochromatic Color

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

#9a3b20
```
#9a3b20 rgb(154,59,32)
```
#9a4620
```
#9a4620 rgb(154,70,32)
```
#9a5020
```
#9a5020 rgb(154,80,32)
```
#9a5a20
```
#9a5a20 rgb(154,90,32)
```
#9a6420
```
#9a6420 rgb(154,100,32)
```
#9a6e20
```
#9a6e20 rgb(154,110,32)
```
#9a7920
```
#9a7920 rgb(154,121,32)
```

Similar Colors

Text with hexadecimal color #9a5a20

This text has a font color of #9a5a20.

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

#9a5a20 background color

This paragraph has a background color of #9a5a20.

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

#9a5a20 border color

This element has a border color of #9a5a20.

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

CSS codes

.text {color:#9a5a20;}

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

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

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

#080502
```
#080502 rgb(8,5,2)
```
#180e05
```
#180e05 rgb(24,14,5)
```
#281808
```
#281808 rgb(40,24,8)
```
#39210c
```
#39210c rgb(57,33,12)
```
#492b0f
```
#492b0f rgb(73,43,15)
```
#593413
```
#593413 rgb(89,52,19)
```
#693e16
```
#693e16 rgb(105,62,22)
```
#7a4719
```
#7a4719 rgb(122,71,25)
```
#8a511d
```
#8a511d rgb(138,81,29)
```
#9a5a20
```
#9a5a20 rgb(154,90,32)
```
#aa6323
```
#aa6323 rgb(170,99,35)
```
#ba6d27
```
#ba6d27 rgb(186,109,39)
```
#cb762a
```
#cb762a rgb(203,118,42)
```

Shade Color Variation

#d58034
```
#d58034 rgb(213,128,52)
```
#d88a44
```
#d88a44 rgb(216,138,68)
```
#dc9554
```
#dc9554 rgb(220,149,84)
```
#df9f64
```
#df9f64 rgb(223,159,100)
```
#e2a975
```
#e2a975 rgb(226,169,117)
```
#e6b385
```
#e6b385 rgb(230,179,133)
```
#e9bd95
```
#e9bd95 rgb(233,189,149)
```
#ecc7a5
```
#ecc7a5 rgb(236,199,165)
```
#f0d1b6
```
#f0d1b6 rgb(240,209,182)
```
#f3dbc6
```
#f3dbc6 rgb(243,219,198)
```
#f7e6d6
```
#f7e6d6 rgb(247,230,214)
```
#faf0e6
```
#faf0e6 rgb(250,240,230)
```
#fdfaf7
```
#fdfaf7 rgb(253,250,247)
```

Tint Color Variation

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

#615d59
```
#615d59 rgb(97,93,89)
```
#685c52
```
#685c52 rgb(104,92,82)
```
#6f5c4b
```
#6f5c4b rgb(111,92,75)
```
#765c44
```
#765c44 rgb(118,92,68)
```
#7d5b3d
```
#7d5b3d rgb(125,91,61)
```
#855b35
```
#855b35 rgb(133,91,53)
```
#8c5b2e
```
#8c5b2e rgb(140,91,46)
```
#935a27
```
#935a27 rgb(147,90,39)
```
#9a5a20
```
#9a5a20 rgb(154,90,32)
```
#a15a19
```
#a15a19 rgb(161,90,25)
```
#a85912
```
#a85912 rgb(168,89,18)
```
#af590b
```
#af590b rgb(175,89,11)
```
#b75903
```
#b75903 rgb(183,89,3)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#716459 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d712f Protanopia 1% of men
#8c6c27 Deuteranopia 1% of men
#a25c63 Tritanopia 0.001% of the population

Trichromacy

#886829 Protanomaly 1% of men, 0.01% of women
#916525 Deuteranomaly 6% of men, 0.4% of women
#9f5b4a Tritanomaly 0.01% of the population

#9a5a20 hex color

#9a5a20 Color Information

#9a5a20 Color Conversion

Color Schemes with #9a5a20

Alternatives to #9a5a20

#9a5a20 Preview

Shades and Tints of #9a5a20

Tones of #9a5a20

Color Blindness Simulator