#8b421f hex color

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

♥
- f
- t
- g
- R 55
- G 26
- B 12
RGB color chart
- C 0
- M 53
- Y 78
- K 45
CMYK color chart

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

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

Hex triplet	8b421f	`#8b421f`
RGB Decimal	139, 66, 31	`rgb(139,66,31)`
RGB Percent	54.5, 25.9, 12.2	`rgb(54.5%,25.9%,12.2%)`
CMYK	0, 53, 78, 45
HSL	19.4°, 63.5, 33.3	`hsl(19.4,63.5%,33.3%)`
HSV (or HSB)	19.4°, 77.7, 54.5
Web Safe	993333	`#993333`

CIE-LAB	36.903, 28.548, 34.742
XYZ	12.843, 9.486, 2.451
xyY	0.518, 0.383, 9.486
CIE-LCH	36.903, 44.967, 50.59
CIE-LUV	36.903, 56.776, 27.386
Hunter-Lab	30.799, 20.54, 16.841
Binary	10001011, 01000010, 00011111

#8b421f
```
#8b421f rgb(139,66,31)
```
#1f688b
```
#1f688b rgb(31,104,139)
```

Complementary Color

#8b1f32
```
#8b1f32 rgb(139,31,50)
```
#8b421f
```
#8b421f rgb(139,66,31)
```
#8b781f
```
#8b781f rgb(139,120,31)
```

Analogous Color

#1f328b
```
#1f328b rgb(31,50,139)
```
#8b421f
```
#8b421f rgb(139,66,31)
```
#1f8b78
```
#1f8b78 rgb(31,139,120)
```

Split Complementary Color

#421f8b
```
#421f8b rgb(66,31,139)
```
#8b421f
```
#8b421f rgb(139,66,31)
```
#1f8b42
```
#1f8b42 rgb(31,139,66)
```

Triadic Color

#8b1f68
```
#8b1f68 rgb(139,31,104)
```
#8b421f
```
#8b421f rgb(139,66,31)
```
#1f8b42
```
#1f8b42 rgb(31,139,66)
```
#1f688b
```
#1f688b rgb(31,104,139)
```

Tetradic Color

#4c2411
```
#4c2411 rgb(76,36,17)
```
#612e16
```
#612e16 rgb(97,46,22)
```
#76381a
```
#76381a rgb(118,56,26)
```
#8b421f
```
#8b421f rgb(139,66,31)
```
#a04c24
```
#a04c24 rgb(160,76,36)
```
#b55628
```
#b55628 rgb(181,86,40)
```
#ca602d
```
#ca602d rgb(202,96,45)
```

Monochromatic Color

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

#8b271f
```
#8b271f rgb(139,39,31)
```
#8b301f
```
#8b301f rgb(139,48,31)
```
#8b391f
```
#8b391f rgb(139,57,31)
```
#8b421f
```
#8b421f rgb(139,66,31)
```
#8b4b1f
```
#8b4b1f rgb(139,75,31)
```
#8b541f
```
#8b541f rgb(139,84,31)
```
#8b5d1f
```
#8b5d1f rgb(139,93,31)
```

Similar Colors

Text with hexadecimal color #8b421f

This text has a font color of #8b421f.

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

#8b421f background color

This paragraph has a background color of #8b421f.

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

#8b421f border color

This element has a border color of #8b421f.

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

CSS codes

.text {color:#8b421f;}

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

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

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

#0b0502
```
#0b0502 rgb(11,5,2)
```
#1b0d06
```
#1b0d06 rgb(27,13,6)
```
#2b140a
```
#2b140a rgb(43,20,10)
```
#3b1c0d
```
#3b1c0d rgb(59,28,13)
```
#4b2411
```
#4b2411 rgb(75,36,17)
```
#5b2b14
```
#5b2b14 rgb(91,43,20)
```
#6b3318
```
#6b3318 rgb(107,51,24)
```
#7b3a1b
```
#7b3a1b rgb(123,58,27)
```
#8b421f
```
#8b421f rgb(139,66,31)
```
#9b4a23
```
#9b4a23 rgb(155,74,35)
```
#ab5126
```
#ab5126 rgb(171,81,38)
```
#bb592a
```
#bb592a rgb(187,89,42)
```
#cb602d
```
#cb602d rgb(203,96,45)
```

Shade Color Variation

#d36b39
```
#d36b39 rgb(211,107,57)
```
#d67749
```
#d67749 rgb(214,119,73)
```
#da8359
```
#da8359 rgb(218,131,89)
```
#de8f69
```
#de8f69 rgb(222,143,105)
```
#e19b79
```
#e19b79 rgb(225,155,121)
```
#e5a789
```
#e5a789 rgb(229,167,137)
```
#e8b399
```
#e8b399 rgb(232,179,153)
```
#ecbfa9
```
#ecbfa9 rgb(236,191,169)
```
#f0cbba
```
#f0cbba rgb(240,203,186)
```
#f3d7ca
```
#f3d7ca rgb(243,215,202)
```
#f7e3da
```
#f7e3da rgb(247,227,218)
```
#faefea
```
#faefea rgb(250,239,234)
```
#fefbfa
```
#fefbfa rgb(254,251,250)
```

Tint Color Variation

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

#575453
```
#575453 rgb(87,84,83)
```
#5d524d
```
#5d524d rgb(93,82,77)
```
#645046
```
#645046 rgb(100,80,70)
```
#6a4e40
```
#6a4e40 rgb(106,78,64)
```
#714b39
```
#714b39 rgb(113,75,57)
```
#774933
```
#774933 rgb(119,73,51)
```
#7e472c
```
#7e472c rgb(126,71,44)
```
#844426
```
#844426 rgb(132,68,38)
```
#8b421f
```
#8b421f rgb(139,66,31)
```
#924018
```
#924018 rgb(146,64,24)
```
#983d12
```
#983d12 rgb(152,61,18)
```
#9f3b0b
```
#9f3b0b rgb(159,59,11)
```
#a53905
```
#a53905 rgb(165,57,5)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#5f5049 Atypical Achromatopsia 0.001% of the population

Dichromacy

#695f30 Protanopia 1% of men
#765b25 Deuteranopia 1% of men
#92474c Tritanopia 0.001% of the population

Trichromacy

#75542a Protanomaly 1% of men, 0.01% of women
#7d5223 Deuteranomaly 6% of men, 0.4% of women
#8f453b Tritanomaly 0.01% of the population

#8b421f hex color

#8b421f Color Information

#8b421f Color Conversion

Color Schemes with #8b421f

Alternatives to #8b421f

#8b421f Preview

Shades and Tints of #8b421f

Tones of #8b421f

Color Blindness Simulator