#b4871f hex color

In a RGB color space, hex #b4871f is composed of 70.6% red, 52.9% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25% magenta, 82.8% yellow and 29.4% black. It has a hue angle of 41.9 degrees, a saturation of 70.6% and a lightness of 41.4%. #b4871f color hex could be obtained by blending #ffff3e with #690f00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 71
- G 53
- B 12
RGB color chart
- C 0
- M 25
- Y 83
- K 29
CMYK color chart

● #b4871f color description : Strong orange.

The hexadecimal color #b4871f has RGB values of R:180, G:135, B:31 and CMYK values of C:0, M:0.25, Y:0.83, K:0.29. Its decimal value is 11831071.

Hex triplet	b4871f	`#b4871f`
RGB Decimal	180, 135, 31	`rgb(180,135,31)`
RGB Percent	70.6, 52.9, 12.2	`rgb(70.6%,52.9%,12.2%)`
CMYK	0, 25, 83, 29
HSL	41.9°, 70.6, 41.4	`hsl(41.9,70.6%,41.4%)`
HSV (or HSB)	41.9°, 82.8, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	59.096, 7.947, 57.512
XYZ	27.734, 27.132, 5.072
xyY	0.463, 0.453, 27.132
CIE-LCH	59.096, 58.058, 82.133
CIE-LUV	59.096, 37.434, 57.147
Hunter-Lab	52.088, 3.888, 30.688
Binary	10110100, 10000111, 00011111

#b4871f
```
#b4871f rgb(180,135,31)
```
#1f4cb4
```
#1f4cb4 rgb(31,76,180)
```

Complementary Color

#b43d1f
```
#b43d1f rgb(180,61,31)
```
#b4871f
```
#b4871f rgb(180,135,31)
```
#97b41f
```
#97b41f rgb(151,180,31)
```

Analogous Color

#3d1fb4
```
#3d1fb4 rgb(61,31,180)
```
#b4871f
```
#b4871f rgb(180,135,31)
```
#1f97b4
```
#1f97b4 rgb(31,151,180)
```

Split Complementary Color

#871fb4
```
#871fb4 rgb(135,31,180)
```
#b4871f
```
#b4871f rgb(180,135,31)
```
#1fb487
```
#1fb487 rgb(31,180,135)
```

Triadic Color

#b41f4c
```
#b41f4c rgb(180,31,76)
```
#b4871f
```
#b4871f rgb(180,135,31)
```
#1fb487
```
#1fb487 rgb(31,180,135)
```
#1f4cb4
```
#1f4cb4 rgb(31,76,180)
```

Tetradic Color

#735614
```
#735614 rgb(115,86,20)
```
#886618
```
#886618 rgb(136,102,24)
```
#9e771b
```
#9e771b rgb(158,119,27)
```
#b4871f
```
#b4871f rgb(180,135,31)
```
#ca9723
```
#ca9723 rgb(202,151,35)
```
#dba62b
```
#dba62b rgb(219,166,43)
```
#deaf41
```
#deaf41 rgb(222,175,65)
```

Monochromatic Color

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

#b4621f
```
#b4621f rgb(180,98,31)
```
#b46e1f
```
#b46e1f rgb(180,110,31)
```
#b47b1f
```
#b47b1f rgb(180,123,31)
```
#b4871f
```
#b4871f rgb(180,135,31)
```
#b4931f
```
#b4931f rgb(180,147,31)
```
#b4a01f
```
#b4a01f rgb(180,160,31)
```
#b4ac1f
```
#b4ac1f rgb(180,172,31)
```

Similar Colors

Text with hexadecimal color #b4871f

This text has a font color of #b4871f.

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

#b4871f background color

This paragraph has a background color of #b4871f.

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

#b4871f border color

This element has a border color of #b4871f.

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

CSS codes

.text {color:#b4871f;}

.background {background-color:#b4871f;}

.border {border:1px solid #b4871f;}

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

#0d0902
```
#0d0902 rgb(13,9,2)
```
#1d1605
```
#1d1605 rgb(29,22,5)
```
#2e2308
```
#2e2308 rgb(46,35,8)
```
#3f2f0b
```
#3f2f0b rgb(63,47,11)
```
#503c0e
```
#503c0e rgb(80,60,14)
```
#604811
```
#604811 rgb(96,72,17)
```
#715513
```
#715513 rgb(113,85,19)
```
#826116
```
#826116 rgb(130,97,22)
```
#936e19
```
#936e19 rgb(147,110,25)
```
#a37a1c
```
#a37a1c rgb(163,122,28)
```
#b4871f
```
#b4871f rgb(180,135,31)
```
#c59422
```
#c59422 rgb(197,148,34)
```
#d5a025
```
#d5a025 rgb(213,160,37)
```

Shade Color Variation

#dca832
```
#dca832 rgb(220,168,50)
```
#dfb043
```
#dfb043 rgb(223,176,67)
```
#e1b754
```
#e1b754 rgb(225,183,84)
```
#e4be64
```
#e4be64 rgb(228,190,100)
```
#e7c575
```
#e7c575 rgb(231,197,117)
```
#eacc86
```
#eacc86 rgb(234,204,134)
```
#edd397
```
#edd397 rgb(237,211,151)
```
#f0daa7
```
#f0daa7 rgb(240,218,167)
```
#f3e1b8
```
#f3e1b8 rgb(243,225,184)
```
#f6e8c9
```
#f6e8c9 rgb(246,232,201)
```
#f9efd9
```
#f9efd9 rgb(249,239,217)
```
#fbf6ea
```
#fbf6ea rgb(251,246,234)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#6b6a68
```
#6b6a68 rgb(107,106,104)
```
#736d60
```
#736d60 rgb(115,109,96)
```
#7b7158
```
#7b7158 rgb(123,113,88)
```
#837450
```
#837450 rgb(131,116,80)
```
#8b7748
```
#8b7748 rgb(139,119,72)
```
#947a3f
```
#947a3f rgb(148,122,63)
```
#9c7d37
```
#9c7d37 rgb(156,125,55)
```
#a4812f
```
#a4812f rgb(164,129,47)
```
#ac8427
```
#ac8427 rgb(172,132,39)
```
#b4871f
```
#b4871f rgb(180,135,31)
```
#bc8a17
```
#bc8a17 rgb(188,138,23)
```
#c48d0f
```
#c48d0f rgb(196,141,15)
```
#cc9107
```
#cc9107 rgb(204,145,7)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#928974 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5942c Protanopia 1% of men
#b88d2a Deuteranopia 1% of men
#be848d Tritanopia 0.001% of the population

Trichromacy

#aa8f27 Protanomaly 1% of men, 0.01% of women
#b68a26 Deuteranomaly 6% of men, 0.4% of women
#ba8565 Tritanomaly 0.01% of the population

#b4871f hex color

#b4871f Color Information

#b4871f Color Conversion

Color Schemes with #b4871f

Alternatives to #b4871f

#b4871f Preview

Shades and Tints of #b4871f

Tones of #b4871f

Color Blindness Simulator