#8a5f20 hex color

In a RGB color space, hex #8a5f20 is composed of 54.1% red, 37.3% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.2% magenta, 76.8% yellow and 45.9% black. It has a hue angle of 35.7 degrees, a saturation of 62.4% and a lightness of 33.3%. #8a5f20 color hex could be obtained by blending #ffbe40 with #150000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 54
- G 37
- B 13
RGB color chart
- C 0
- M 31
- Y 77
- K 46
CMYK color chart

● #8a5f20 color description : Dark orange [Brown tone].

The hexadecimal color #8a5f20 has RGB values of R:138, G:95, B:32 and CMYK values of C:0, M:0.31, Y:0.77, K:0.46. Its decimal value is 9068320.

Hex triplet	8a5f20	`#8a5f20`
RGB Decimal	138, 95, 32	`rgb(138,95,32)`
RGB Percent	54.1, 37.3, 12.5	`rgb(54.1%,37.3%,12.5%)`
CMYK	0, 31, 77, 46
HSL	35.7°, 62.4, 33.3	`hsl(35.7,62.4%,33.3%)`
HSV (or HSB)	35.7°, 76.8, 54.1
Web Safe	996633	`#996633`

CIE-LAB	43.789, 11.492, 41.184
XYZ	14.834, 13.693, 3.228
xyY	0.467, 0.431, 13.693
CIE-LCH	43.789, 42.758, 74.41
CIE-LUV	43.789, 34.298, 38.526
Hunter-Lab	37.004, 6.802, 20.73
Binary	10001010, 01011111, 00100000

#8a5f20
```
#8a5f20 rgb(138,95,32)
```
#204b8a
```
#204b8a rgb(32,75,138)
```

Complementary Color

#8a2a20
```
#8a2a20 rgb(138,42,32)
```
#8a5f20
```
#8a5f20 rgb(138,95,32)
```
#808a20
```
#808a20 rgb(128,138,32)
```

Analogous Color

#2a208a
```
#2a208a rgb(42,32,138)
```
#8a5f20
```
#8a5f20 rgb(138,95,32)
```
#20808a
```
#20808a rgb(32,128,138)
```

Split Complementary Color

#5f208a
```
#5f208a rgb(95,32,138)
```
#8a5f20
```
#8a5f20 rgb(138,95,32)
```
#208a5f
```
#208a5f rgb(32,138,95)
```

Triadic Color

#8a204b
```
#8a204b rgb(138,32,75)
```
#8a5f20
```
#8a5f20 rgb(138,95,32)
```
#208a5f
```
#208a5f rgb(32,138,95)
```
#204b8a
```
#204b8a rgb(32,75,138)
```

Tetradic Color

#4c3412
```
#4c3412 rgb(76,52,18)
```
#614316
```
#614316 rgb(97,67,22)
```
#75511b
```
#75511b rgb(117,81,27)
```
#8a5f20
```
#8a5f20 rgb(138,95,32)
```
#9f6d25
```
#9f6d25 rgb(159,109,37)
```
#b37c2a
```
#b37c2a rgb(179,124,42)
```
#c88a2e
```
#c88a2e rgb(200,138,46)
```

Monochromatic Color

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

#8a4520
```
#8a4520 rgb(138,69,32)
```
#8a4d20
```
#8a4d20 rgb(138,77,32)
```
#8a5620
```
#8a5620 rgb(138,86,32)
```
#8a5f20
```
#8a5f20 rgb(138,95,32)
```
#8a6820
```
#8a6820 rgb(138,104,32)
```
#8a7120
```
#8a7120 rgb(138,113,32)
```
#8a7a20
```
#8a7a20 rgb(138,122,32)
```

Similar Colors

Text with hexadecimal color #8a5f20

This text has a font color of #8a5f20.

<span style="color:#8a5f20;">Text here</span>

#8a5f20 background color

This paragraph has a background color of #8a5f20.

<p style="background-color:#8a5f20;">Content here</p>

#8a5f20 border color

This element has a border color of #8a5f20.

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

CSS codes

.text {color:#8a5f20;}

.background {background-color:#8a5f20;}

.border {border:1px solid #8a5f20;}

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, #0b0702 is the darkest color, while #fefcfa is the lightest one.

#0b0702
```
#0b0702 rgb(11,7,2)
```
#1b1206
```
#1b1206 rgb(27,18,6)
```
#2a1d0a
```
#2a1d0a rgb(42,29,10)
```
#3a280e
```
#3a280e rgb(58,40,14)
```
#4a3311
```
#4a3311 rgb(74,51,17)
```
#5a3e15
```
#5a3e15 rgb(90,62,21)
```
#6a4919
```
#6a4919 rgb(106,73,25)
```
#7a541c
```
#7a541c rgb(122,84,28)
```
#8a5f20
```
#8a5f20 rgb(138,95,32)
```
#9a6a24
```
#9a6a24 rgb(154,106,36)
```
#aa7527
```
#aa7527 rgb(170,117,39)
```
#ba802b
```
#ba802b rgb(186,128,43)
```
#ca8b2f
```
#ca8b2f rgb(202,139,47)
```

Shade Color Variation

#d1943b
```
#d1943b rgb(209,148,59)
```
#d59d4b
```
#d59d4b rgb(213,157,75)
```
#d9a65a
```
#d9a65a rgb(217,166,90)
```
#ddae6a
```
#ddae6a rgb(221,174,106)
```
#e0b77a
```
#e0b77a rgb(224,183,122)
```
#e4c08a
```
#e4c08a rgb(228,192,138)
```
#e8c89a
```
#e8c89a rgb(232,200,154)
```
#ebd1aa
```
#ebd1aa rgb(235,209,170)
```
#efdaba
```
#efdaba rgb(239,218,186)
```
#f3e2ca
```
#f3e2ca rgb(243,226,202)
```
#f6ebda
```
#f6ebda rgb(246,235,218)
```
#faf3ea
```
#faf3ea rgb(250,243,234)
```
#fefcfa
```
#fefcfa rgb(254,252,250)
```

Tint Color Variation

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

#565554
```
#565554 rgb(86,85,84)
```
#5c564e
```
#5c564e rgb(92,86,78)
```
#635847
```
#635847 rgb(99,88,71)
```
#695941
```
#695941 rgb(105,89,65)
```
#705a3a
```
#705a3a rgb(112,90,58)
```
#765b34
```
#765b34 rgb(118,91,52)
```
#7d5d2d
```
#7d5d2d rgb(125,93,45)
```
#835e27
```
#835e27 rgb(131,94,39)
```
#8a5f20
```
#8a5f20 rgb(138,95,32)
```
#916019
```
#916019 rgb(145,96,25)
```
#976113
```
#976113 rgb(151,97,19)
```
#9e630c
```
#9e630c rgb(158,99,12)
```
#a46406
```
#a46406 rgb(164,100,6)
```

Tone Color Variation

Below, you can see how #8a5f20 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

#656565 Achromatopsia 0.005% of the population
#6c6457 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b6f2d Protanopia 1% of men
#896a2a Deuteranopia 1% of men
#946167 Tritanopia 0.001% of the population

Trichromacy

#806928 Protanomaly 1% of men, 0.01% of women
#896626 Deuteranomaly 6% of men, 0.4% of women
#90604d Tritanomaly 0.01% of the population

#8a5f20 hex color

#8a5f20 Color Information

#8a5f20 Color Conversion

Color Schemes with #8a5f20

Alternatives to #8a5f20

#8a5f20 Preview

Shades and Tints of #8a5f20

Tones of #8a5f20

Color Blindness Simulator