#8a5f46 hex color

In a RGB color space, hex #8a5f46 is composed of 54.1% red, 37.3% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.2% magenta, 49.3% yellow and 45.9% black. It has a hue angle of 22.1 degrees, a saturation of 32.7% and a lightness of 40.8%. #8a5f46 color hex could be obtained by blending #ffbe8c with #150000. Closest websafe color is: #996633.

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

● #8a5f46 color description : Dark moderate orange.

The hexadecimal color #8a5f46 has RGB values of R:138, G:95, B:70 and CMYK values of C:0, M:0.31, Y:0.49, K:0.46. Its decimal value is 9068358.

Hex triplet	8a5f46	`#8a5f46`
RGB Decimal	138, 95, 70	`rgb(138,95,70)`
RGB Percent	54.1, 37.3, 27.5	`rgb(54.1%,37.3%,27.5%)`
CMYK	0, 31, 49, 46
HSL	22.1°, 32.7, 40.8	`hsl(22.1,32.7%,40.8%)`
HSV (or HSB)	22.1°, 49.3, 54.1
Web Safe	996633	`#996633`

CIE-LAB	44.277, 14.404, 21.304
XYZ	15.679, 14.031, 7.676
xyY	0.419, 0.375, 14.031
CIE-LCH	44.277, 25.716, 55.936
CIE-LUV	44.277, 31.003, 22.134
Hunter-Lab	37.458, 9.166, 14.07
Binary	10001010, 01011111, 01000110

#8a5f46
```
#8a5f46 rgb(138,95,70)
```
#46718a
```
#46718a rgb(70,113,138)
```

Complementary Color

#8a464f
```
#8a464f rgb(138,70,79)
```
#8a5f46
```
#8a5f46 rgb(138,95,70)
```
#8a8146
```
#8a8146 rgb(138,129,70)
```

Analogous Color

#464f8a
```
#464f8a rgb(70,79,138)
```
#8a5f46
```
#8a5f46 rgb(138,95,70)
```
#468a81
```
#468a81 rgb(70,138,129)
```

Split Complementary Color

#5f468a
```
#5f468a rgb(95,70,138)
```
#8a5f46
```
#8a5f46 rgb(138,95,70)
```
#468a5f
```
#468a5f rgb(70,138,95)
```

Triadic Color

#8a4671
```
#8a4671 rgb(138,70,113)
```
#8a5f46
```
#8a5f46 rgb(138,95,70)
```
#468a5f
```
#468a5f rgb(70,138,95)
```
#46718a
```
#46718a rgb(70,113,138)
```

Tetradic Color

#573c2c
```
#573c2c rgb(87,60,44)
```
#684835
```
#684835 rgb(104,72,53)
```
#79533d
```
#79533d rgb(121,83,61)
```
#8a5f46
```
#8a5f46 rgb(138,95,70)
```
#9b6b4f
```
#9b6b4f rgb(155,107,79)
```
#ab7758
```
#ab7758 rgb(171,119,88)
```
#b38469
```
#b38469 rgb(179,132,105)
```

Monochromatic Color

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

#8a4e46
```
#8a4e46 rgb(138,78,70)
```
#8a5446
```
#8a5446 rgb(138,84,70)
```
#8a5946
```
#8a5946 rgb(138,89,70)
```
#8a5f46
```
#8a5f46 rgb(138,95,70)
```
#8a6546
```
#8a6546 rgb(138,101,70)
```
#8a6a46
```
#8a6a46 rgb(138,106,70)
```
#8a7046
```
#8a7046 rgb(138,112,70)
```

Similar Colors

Text with hexadecimal color #8a5f46

This text has a font color of #8a5f46.

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

#8a5f46 background color

This paragraph has a background color of #8a5f46.

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

#8a5f46 border color

This element has a border color of #8a5f46.

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

CSS codes

.text {color:#8a5f46;}

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

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

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

#080504
```
#080504 rgb(8,5,4)
```
#150e0b
```
#150e0b rgb(21,14,11)
```
#221711
```
#221711 rgb(34,23,17)
```
#2f2018
```
#2f2018 rgb(47,32,24)
```
#3c291e
```
#3c291e rgb(60,41,30)
```
#493225
```
#493225 rgb(73,50,37)
```
#563b2c
```
#563b2c rgb(86,59,44)
```
#634432
```
#634432 rgb(99,68,50)
```
#704d39
```
#704d39 rgb(112,77,57)
```
#7d563f
```
#7d563f rgb(125,86,63)
```
#8a5f46
```
#8a5f46 rgb(138,95,70)
```
#97684d
```
#97684d rgb(151,104,77)
```
#a47153
```
#a47153 rgb(164,113,83)
```

Shade Color Variation

#ad7b5e
```
#ad7b5e rgb(173,123,94)
```
#b4866b
```
#b4866b rgb(180,134,107)
```
#ba9078
```
#ba9078 rgb(186,144,120)
```
#c19b85
```
#c19b85 rgb(193,155,133)
```
#c8a692
```
#c8a692 rgb(200,166,146)
```
#ceb09f
```
#ceb09f rgb(206,176,159)
```
#d5bbac
```
#d5bbac rgb(213,187,172)
```
#dbc5b9
```
#dbc5b9 rgb(219,197,185)
```
#e2d0c6
```
#e2d0c6 rgb(226,208,198)
```
#e9dbd3
```
#e9dbd3 rgb(233,219,211)
```
#efe5e0
```
#efe5e0 rgb(239,229,224)
```
#f6f0ed
```
#f6f0ed rgb(246,240,237)
```
#fcfbfa
```
#fcfbfa rgb(252,251,250)
```

Tint Color Variation

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

#6a6766
```
#6a6766 rgb(106,103,102)
```
#72655e
```
#72655e rgb(114,101,94)
```
#7a6356
```
#7a6356 rgb(122,99,86)
```
#82614e
```
#82614e rgb(130,97,78)
```
#8a5f46
```
#8a5f46 rgb(138,95,70)
```
#925d3e
```
#925d3e rgb(146,93,62)
```
#9a5b36
```
#9a5b36 rgb(154,91,54)
```
#a2592e
```
#a2592e rgb(162,89,46)
```
#aa5726
```
#aa5726 rgb(170,87,38)
```
#b2541e
```
#b2541e rgb(178,84,30)
```
#ba5216
```
#ba5216 rgb(186,82,22)
```
#c2500e
```
#c2500e rgb(194,80,14)
```
#ca4e06
```
#ca4e06 rgb(202,78,6)
```

Tone Color Variation

Below, you can see how #8a5f46 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
#706762 Atypical Achromatopsia 0.001% of the population

Dichromacy

#787053 Protanopia 1% of men
#856b4e Deuteranopia 1% of men
#92636a Tritanopia 0.001% of the population

Trichromacy

#7e6a4e Protanomaly 1% of men, 0.01% of women
#87674b Deuteranomaly 6% of men, 0.4% of women
#8f615d Tritanomaly 0.01% of the population

#8a5f46 hex color

#8a5f46 Color Information

#8a5f46 Color Conversion

Color Schemes with #8a5f46

Alternatives to #8a5f46

#8a5f46 Preview

Shades and Tints of #8a5f46

Tones of #8a5f46

Color Blindness Simulator