#8a5f30 hex color

In a RGB color space, hex #8a5f30 is composed of 54.1% red, 37.3% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.2% magenta, 65.2% yellow and 45.9% black. It has a hue angle of 31.3 degrees, a saturation of 48.4% and a lightness of 36.5%. #8a5f30 color hex could be obtained by blending #ffbe60 with #150000. Closest websafe color is: #996633.

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

● #8a5f30 color description : Dark moderate orange.

The hexadecimal color #8a5f30 has RGB values of R:138, G:95, B:48 and CMYK values of C:0, M:0.31, Y:0.65, K:0.46. Its decimal value is 9068336.

Hex triplet	8a5f30	`#8a5f30`
RGB Decimal	138, 95, 48	`rgb(138,95,48)`
RGB Percent	54.1, 37.3, 18.8	`rgb(54.1%,37.3%,18.8%)`
CMYK	0, 31, 65, 46
HSL	31.3°, 48.4, 36.5	`hsl(31.3,48.4%,36.5%)`
HSV (or HSB)	31.3°, 65.2, 54.1
Web Safe	996633	`#996633`

CIE-LAB	43.948, 12.449, 33.377
XYZ	15.107, 13.802, 4.665
xyY	0.45, 0.411, 13.802
CIE-LCH	43.948, 35.623, 69.546
CIE-LUV	43.948, 33.178, 32.976
Hunter-Lab	37.151, 7.571, 18.562
Binary	10001010, 01011111, 00110000

#8a5f30
```
#8a5f30 rgb(138,95,48)
```
#305b8a
```
#305b8a rgb(48,91,138)
```

Complementary Color

#8a3230
```
#8a3230 rgb(138,50,48)
```
#8a5f30
```
#8a5f30 rgb(138,95,48)
```
#888a30
```
#888a30 rgb(136,138,48)
```

Analogous Color

#32308a
```
#32308a rgb(50,48,138)
```
#8a5f30
```
#8a5f30 rgb(138,95,48)
```
#30888a
```
#30888a rgb(48,136,138)
```

Split Complementary Color

#5f308a
```
#5f308a rgb(95,48,138)
```
#8a5f30
```
#8a5f30 rgb(138,95,48)
```
#308a5f
```
#308a5f rgb(48,138,95)
```

Triadic Color

#8a305b
```
#8a305b rgb(138,48,91)
```
#8a5f30
```
#8a5f30 rgb(138,95,48)
```
#308a5f
```
#308a5f rgb(48,138,95)
```
#305b8a
```
#305b8a rgb(48,91,138)
```

Tetradic Color

#51381c
```
#51381c rgb(81,56,28)
```
#644523
```
#644523 rgb(100,69,35)
```
#775229
```
#775229 rgb(119,82,41)
```
#8a5f30
```
#8a5f30 rgb(138,95,48)
```
#9d6c37
```
#9d6c37 rgb(157,108,55)
```
#b0793d
```
#b0793d rgb(176,121,61)
```
#bf8647
```
#bf8647 rgb(191,134,71)
```

Monochromatic Color

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

#8a4930
```
#8a4930 rgb(138,73,48)
```
#8a5030
```
#8a5030 rgb(138,80,48)
```
#8a5830
```
#8a5830 rgb(138,88,48)
```
#8a5f30
```
#8a5f30 rgb(138,95,48)
```
#8a6730
```
#8a6730 rgb(138,103,48)
```
#8a6e30
```
#8a6e30 rgb(138,110,48)
```
#8a7630
```
#8a7630 rgb(138,118,48)
```

Similar Colors

Text with hexadecimal color #8a5f30

This text has a font color of #8a5f30.

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

#8a5f30 background color

This paragraph has a background color of #8a5f30.

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

#8a5f30 border color

This element has a border color of #8a5f30.

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

CSS codes

.text {color:#8a5f30;}

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

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

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

#070502
```
#070502 rgb(7,5,2)
```
#160f08
```
#160f08 rgb(22,15,8)
```
#24190d
```
#24190d rgb(36,25,13)
```
#332312
```
#332312 rgb(51,35,18)
```
#412d17
```
#412d17 rgb(65,45,23)
```
#50371c
```
#50371c rgb(80,55,28)
```
#5e4121
```
#5e4121 rgb(94,65,33)
```
#6d4b26
```
#6d4b26 rgb(109,75,38)
```
#7b552b
```
#7b552b rgb(123,85,43)
```
#8a5f30
```
#8a5f30 rgb(138,95,48)
```
#996935
```
#996935 rgb(153,105,53)
```
#a7733a
```
#a7733a rgb(167,115,58)
```
#b67d3f
```
#b67d3f rgb(182,125,63)
```

Shade Color Variation

#c08749
```
#c08749 rgb(192,135,73)
```
#c59057
```
#c59057 rgb(197,144,87)
```
#ca9a66
```
#ca9a66 rgb(202,154,102)
```
#cfa474
```
#cfa474 rgb(207,164,116)
```
#d4ad83
```
#d4ad83 rgb(212,173,131)
```
#d9b792
```
#d9b792 rgb(217,183,146)
```
#dec0a0
```
#dec0a0 rgb(222,192,160)
```
#e3caaf
```
#e3caaf rgb(227,202,175)
```
#e8d4bd
```
#e8d4bd rgb(232,212,189)
```
#edddcc
```
#edddcc rgb(237,221,204)
```
#f2e7da
```
#f2e7da rgb(242,231,218)
```
#f7f0e9
```
#f7f0e9 rgb(247,240,233)
```
#fcfaf7
```
#fcfaf7 rgb(252,250,247)
```

Tint Color Variation

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

#5f5d5b
```
#5f5d5b rgb(95,93,91)
```
#665d54
```
#665d54 rgb(102,93,84)
```
#6d5e4d
```
#6d5e4d rgb(109,94,77)
```
#755e45
```
#755e45 rgb(117,94,69)
```
#7c5e3e
```
#7c5e3e rgb(124,94,62)
```
#835f37
```
#835f37 rgb(131,95,55)
```
#8a5f30
```
#8a5f30 rgb(138,95,48)
```
#915f29
```
#915f29 rgb(145,95,41)
```
#986022
```
#986022 rgb(152,96,34)
```
#9f601b
```
#9f601b rgb(159,96,27)
```
#a76013
```
#a76013 rgb(167,96,19)
```
#ae610c
```
#ae610c rgb(174,97,12)
```
#b56105
```
#b56105 rgb(181,97,5)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#6d655b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a6f3d Protanopia 1% of men
#886a39 Deuteranopia 1% of men
#936268 Tritanopia 0.001% of the population

Trichromacy

#806938 Protanomaly 1% of men, 0.01% of women
#896636 Deuteranomaly 6% of men, 0.4% of women
#906054 Tritanomaly 0.01% of the population

#8a5f30 hex color

#8a5f30 Color Information

#8a5f30 Color Conversion

Color Schemes with #8a5f30

Alternatives to #8a5f30

#8a5f30 Preview

Shades and Tints of #8a5f30

Tones of #8a5f30

Color Blindness Simulator