colorhexa.com

#8b5f30 hex color

In a RGB color space, hex #8b5f30 is composed of 54.5% red, 37.3% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.7% magenta, 65.5% yellow and 45.5% black. It has a hue angle of 31 degrees, a saturation of 48.7% and a lightness of 36.7%. #8b5f30 color hex could be obtained by blending #ffbe60 with #170000. Closest websafe color is: #996633.

- R 55
- G 37
- B 19
RGB color chart
- C 0
- M 32
- Y 65
- K 45
CMYK color chart

● #8b5f30 color description : Dark moderate orange.

The hexadecimal color #8b5f30 has RGB values of R:139, G:95, B:48 and CMYK values of C:0, M:0.32, Y:0.65, K:0.45. Its decimal value is 9133872.

Hex triplet	8b5f30	`#8b5f30`
RGB Decimal	139, 95, 48	`rgb(139,95,48)`
RGB Percent	54.5, 37.3, 18.8	`rgb(54.5%,37.3%,18.8%)`
CMYK	0, 32, 65, 45
HSL	31°, 48.7, 36.7	`hsl(31,48.7%,36.7%)`
HSV (or HSB)	31°, 65.5, 54.5
Web Safe	996633	`#996633`

CIE-LAB	44.071, 12.905, 33.552
XYZ	15.273, 13.888, 4.672
xyY	0.451, 0.41, 13.888
CIE-LCH	44.071, 35.948, 68.962
CIE-LUV	44.071, 33.965, 33.058
Hunter-Lab	37.266, 7.942, 18.653
Binary	10001011, 01011111, 00110000

#8b5f30
```
#8b5f30 rgb(139,95,48)
```
#305c8b
```
#305c8b rgb(48,92,139)
```

Complementary Color

#8b3230
```
#8b3230 rgb(139,50,48)
```
#8b5f30
```
#8b5f30 rgb(139,95,48)
```
#8a8b30
```
#8a8b30 rgb(138,139,48)
```

Analogous Color

#32308b
```
#32308b rgb(50,48,139)
```
#8b5f30
```
#8b5f30 rgb(139,95,48)
```
#308a8b
```
#308a8b rgb(48,138,139)
```

Split Complementary Color

#5f308b
```
#5f308b rgb(95,48,139)
```
#8b5f30
```
#8b5f30 rgb(139,95,48)
```
#308b5f
```
#308b5f rgb(48,139,95)
```

Triadic Color

#52381c
```
#52381c rgb(82,56,28)
```
#654523
```
#654523 rgb(101,69,35)
```
#785229
```
#785229 rgb(120,82,41)
```
#8b5f30
```
#8b5f30 rgb(139,95,48)
```
#9e6c37
```
#9e6c37 rgb(158,108,55)
```
#b1793d
```
#b1793d rgb(177,121,61)
```
#c08648
```
#c08648 rgb(192,134,72)
```

Monochromatic Color

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

#8b4830
```
#8b4830 rgb(139,72,48)
```
#8b5030
```
#8b5030 rgb(139,80,48)
```
#8b5730
```
#8b5730 rgb(139,87,48)
```
#8b5f30
```
#8b5f30 rgb(139,95,48)
```
#8b6730
```
#8b6730 rgb(139,103,48)
```
#8b6e30
```
#8b6e30 rgb(139,110,48)
```
#8b7630
```
#8b7630 rgb(139,118,48)
```

Similar Colors

Text with hexadecimal color #8b5f30

This text has a font color of #8b5f30.

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

#8b5f30 background color

This paragraph has a background color of #8b5f30.

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

#8b5f30 border color

This element has a border color of #8b5f30.

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

CSS codes

.text {color:#8b5f30;}

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

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

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

#080503
```
#080503 rgb(8,5,3)
```
#160f08
```
#160f08 rgb(22,15,8)
```
#25190d
```
#25190d rgb(37,25,13)
```
#342312
```
#342312 rgb(52,35,18)
```
#422d17
```
#422d17 rgb(66,45,23)
```
#51371c
```
#51371c rgb(81,55,28)
```
#5f4121
```
#5f4121 rgb(95,65,33)
```
#6e4b26
```
#6e4b26 rgb(110,75,38)
```
#7c552b
```
#7c552b rgb(124,85,43)
```
#8b5f30
```
#8b5f30 rgb(139,95,48)
```
#9a6935
```
#9a6935 rgb(154,105,53)
```
#a8733a
```
#a8733a rgb(168,115,58)
```
#b77d3f
```
#b77d3f rgb(183,125,63)
```

Shade Color Variation

#c08749
```
#c08749 rgb(192,135,73)
```
#c59058
```
#c59058 rgb(197,144,88)
```
#ca9a66
```
#ca9a66 rgb(202,154,102)
```
#cfa475
```
#cfa475 rgb(207,164,117)
```
#d4ad84
```
#d4ad84 rgb(212,173,132)
```
#d9b792
```
#d9b792 rgb(217,183,146)
```
#dec1a1
```
#dec1a1 rgb(222,193,161)
```
#e3caaf
```
#e3caaf rgb(227,202,175)
```
#e9d4be
```
#e9d4be rgb(233,212,190)
```
#eedecc
```
#eedecc rgb(238,222,204)
```
#f3e7db
```
#f3e7db rgb(243,231,219)
```
#f8f1ea
```
#f8f1ea rgb(248,241,234)
```
#fdfaf8
```
#fdfaf8 rgb(253,250,248)
```

Tint Color Variation

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

#605e5b
```
#605e5b rgb(96,94,91)
```
#675e54
```
#675e54 rgb(103,94,84)
```
#6e5e4d
```
#6e5e4d rgb(110,94,77)
```
#755e46
```
#755e46 rgb(117,94,70)
```
#7d5f3e
```
#7d5f3e rgb(125,95,62)
```
#845f37
```
#845f37 rgb(132,95,55)
```
#8b5f30
```
#8b5f30 rgb(139,95,48)
```
#925f29
```
#925f29 rgb(146,95,41)
```
#995f22
```
#995f22 rgb(153,95,34)
```
#a1601a
```
#a1601a rgb(161,96,26)
```
#a86013
```
#a86013 rgb(168,96,19)
```
#af600c
```
#af600c rgb(175,96,12)
```
#b66005
```
#b66005 rgb(182,96,5)
```

Tone Color Variation

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

Dichromacy

#7b703d Protanopia 1% of men
#886b39 Deuteranopia 1% of men
#946268 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
#916054 Tritanomaly 0.01% of the population