colorhexa.com

#8b4d1f hex color

In a RGB color space, hex #8b4d1f is composed of 54.5% red, 30.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.6% magenta, 77.7% yellow and 45.5% black. It has a hue angle of 25.6 degrees, a saturation of 63.5% and a lightness of 33.3%. #8b4d1f color hex could be obtained by blending #ff9a3e with #170000. Closest websafe color is: #996633.

- R 55
- G 30
- B 12
RGB color chart
- C 0
- M 45
- Y 78
- K 45
CMYK color chart

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

The hexadecimal color #8b4d1f has RGB values of R:139, G:77, B:31 and CMYK values of C:0, M:0.45, Y:0.78, K:0.45. Its decimal value is 9129247.

Hex triplet	8b4d1f	`#8b4d1f`
RGB Decimal	139, 77, 31	`rgb(139,77,31)`
RGB Percent	54.5, 30.2, 12.2	`rgb(54.5%,30.2%,12.2%)`
CMYK	0, 45, 78, 45
HSL	25.6°, 63.5, 33.3	`hsl(25.6,63.5%,33.3%)`
HSV (or HSB)	25.6°, 77.7, 54.5
Web Safe	996633	`#996633`

CIE-LAB	39.406, 22.373, 37.307
XYZ	13.549, 10.897, 2.686
xyY	0.499, 0.402, 10.897
CIE-LCH	39.406, 43.501, 59.049
CIE-LUV	39.406, 48.677, 31.561
Hunter-Lab	33.01, 15.497, 18.283
Binary	10001011, 01001101, 00011111

#8b4d1f
```
#8b4d1f rgb(139,77,31)
```
#1f5d8b
```
#1f5d8b rgb(31,93,139)
```

Complementary Color

#8b1f27
```
#8b1f27 rgb(139,31,39)
```
#8b4d1f
```
#8b4d1f rgb(139,77,31)
```
#8b831f
```
#8b831f rgb(139,131,31)
```

Analogous Color

#1f278b
```
#1f278b rgb(31,39,139)
```
#8b4d1f
```
#8b4d1f rgb(139,77,31)
```
#1f8b83
```
#1f8b83 rgb(31,139,131)
```

Split Complementary Color

#4d1f8b
```
#4d1f8b rgb(77,31,139)
```
#8b4d1f
```
#8b4d1f rgb(139,77,31)
```
#1f8b4d
```
#1f8b4d rgb(31,139,77)
```

Triadic Color

#4c2a11
```
#4c2a11 rgb(76,42,17)
```
#613616
```
#613616 rgb(97,54,22)
```
#76411a
```
#76411a rgb(118,65,26)
```
#8b4d1f
```
#8b4d1f rgb(139,77,31)
```
#a05924
```
#a05924 rgb(160,89,36)
```
#b56428
```
#b56428 rgb(181,100,40)
```
#ca702d
```
#ca702d rgb(202,112,45)
```

Monochromatic Color

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

#8b321f
```
#8b321f rgb(139,50,31)
```
#8b3b1f
```
#8b3b1f rgb(139,59,31)
```
#8b441f
```
#8b441f rgb(139,68,31)
```
#8b4d1f
```
#8b4d1f rgb(139,77,31)
```
#8b561f
```
#8b561f rgb(139,86,31)
```
#8b5f1f
```
#8b5f1f rgb(139,95,31)
```
#8b681f
```
#8b681f rgb(139,104,31)
```

Similar Colors

Text with hexadecimal color #8b4d1f

This text has a font color of #8b4d1f.

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

#8b4d1f background color

This paragraph has a background color of #8b4d1f.

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

#8b4d1f border color

This element has a border color of #8b4d1f.

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

CSS codes

.text {color:#8b4d1f;}

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

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

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

#0b0602
```
#0b0602 rgb(11,6,2)
```
#1b0f06
```
#1b0f06 rgb(27,15,6)
```
#2b180a
```
#2b180a rgb(43,24,10)
```
#3b210d
```
#3b210d rgb(59,33,13)
```
#4b2911
```
#4b2911 rgb(75,41,17)
```
#5b3214
```
#5b3214 rgb(91,50,20)
```
#6b3b18
```
#6b3b18 rgb(107,59,24)
```
#7b441b
```
#7b441b rgb(123,68,27)
```
#8b4d1f
```
#8b4d1f rgb(139,77,31)
```
#9b5623
```
#9b5623 rgb(155,86,35)
```
#ab5f26
```
#ab5f26 rgb(171,95,38)
```
#bb682a
```
#bb682a rgb(187,104,42)
```
#cb712d
```
#cb712d rgb(203,113,45)
```

Shade Color Variation

#d37b39
```
#d37b39 rgb(211,123,57)
```
#d68549
```
#d68549 rgb(214,133,73)
```
#da9059
```
#da9059 rgb(218,144,89)
```
#de9b69
```
#de9b69 rgb(222,155,105)
```
#e1a679
```
#e1a679 rgb(225,166,121)
```
#e5b089
```
#e5b089 rgb(229,176,137)
```
#e8bb99
```
#e8bb99 rgb(232,187,153)
```
#ecc6a9
```
#ecc6a9 rgb(236,198,169)
```
#f0d1ba
```
#f0d1ba rgb(240,209,186)
```
#f3dbca
```
#f3dbca rgb(243,219,202)
```
#f7e6da
```
#f7e6da rgb(247,230,218)
```
#faf1ea
```
#faf1ea rgb(250,241,234)
```
#fefbfa
```
#fefbfa rgb(254,251,250)
```

Tint Color Variation

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

#575553
```
#575553 rgb(87,85,83)
```
#5d544d
```
#5d544d rgb(93,84,77)
```
#645346
```
#645346 rgb(100,83,70)
```
#6a5240
```
#6a5240 rgb(106,82,64)
```
#715139
```
#715139 rgb(113,81,57)
```
#775033
```
#775033 rgb(119,80,51)
```
#7e4f2c
```
#7e4f2c rgb(126,79,44)
```
#844e26
```
#844e26 rgb(132,78,38)
```
#8b4d1f
```
#8b4d1f rgb(139,77,31)
```
#924c18
```
#924c18 rgb(146,76,24)
```
#984b12
```
#984b12 rgb(152,75,18)
```
#9f4a0b
```
#9f4a0b rgb(159,74,11)
```
#a54905
```
#a54905 rgb(165,73,5)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#64574e Atypical Achromatopsia 0.001% of the population

Dichromacy

#70652e Protanopia 1% of men
#7d6027 Deuteranopia 1% of men
#935156 Tritanopia 0.001% of the population

Trichromacy

#795c29 Protanomaly 1% of men, 0.01% of women
#825924 Deuteranomaly 6% of men, 0.4% of women
#904f42 Tritanomaly 0.01% of the population