#b4851b hex color

In a RGB color space, hex #b4851b is composed of 70.6% red, 52.2% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.1% magenta, 85% yellow and 29.4% black. It has a hue angle of 41.6 degrees, a saturation of 73.9% and a lightness of 40.6%. #b4851b color hex could be obtained by blending #ffff36 with #690b00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 71
- G 52
- B 11
RGB color chart
- C 0
- M 26
- Y 85
- K 29
CMYK color chart

● #b4851b color description : Strong orange.

The hexadecimal color #b4851b has RGB values of R:180, G:133, B:27 and CMYK values of C:0, M:0.26, Y:0.85, K:0.29. Its decimal value is 11830555.

Hex triplet	b4851b	`#b4851b`
RGB Decimal	180, 133, 27	`rgb(180,133,27)`
RGB Percent	70.6, 52.2, 10.6	`rgb(70.6%,52.2%,10.6%)`
CMYK	0, 26, 85, 29
HSL	41.6°, 73.9, 40.6	`hsl(41.6,73.9%,40.6%)`
HSV (or HSB)	41.6°, 85, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	58.564, 8.936, 58.303
XYZ	27.408, 26.559, 4.72
xyY	0.467, 0.453, 26.559
CIE-LCH	58.564, 58.984, 81.286
CIE-LUV	58.564, 39.097, 57.081
Hunter-Lab	51.535, 4.745, 30.645
Binary	10110100, 10000101, 00011011

#b4851b
```
#b4851b rgb(180,133,27)
```
#1b4ab4
```
#1b4ab4 rgb(27,74,180)
```

Complementary Color

#b4391b
```
#b4391b rgb(180,57,27)
```
#b4851b
```
#b4851b rgb(180,133,27)
```
#97b41b
```
#97b41b rgb(151,180,27)
```

Analogous Color

#391bb4
```
#391bb4 rgb(57,27,180)
```
#b4851b
```
#b4851b rgb(180,133,27)
```
#1b97b4
```
#1b97b4 rgb(27,151,180)
```

Split Complementary Color

#851bb4
```
#851bb4 rgb(133,27,180)
```
#b4851b
```
#b4851b rgb(180,133,27)
```
#1bb485
```
#1bb485 rgb(27,180,133)
```

Triadic Color

#b41b4a
```
#b41b4a rgb(180,27,74)
```
#b4851b
```
#b4851b rgb(180,133,27)
```
#1bb485
```
#1bb485 rgb(27,180,133)
```
#1b4ab4
```
#1b4ab4 rgb(27,74,180)
```

Tetradic Color

#715411
```
#715411 rgb(113,84,17)
```
#886414
```
#886414 rgb(136,100,20)
```
#9e7518
```
#9e7518 rgb(158,117,24)
```
#b4851b
```
#b4851b rgb(180,133,27)
```
#ca951e
```
#ca951e rgb(202,149,30)
```
#dea524
```
#dea524 rgb(222,165,36)
```
#e1ae3a
```
#e1ae3a rgb(225,174,58)
```

Monochromatic Color

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

#b45f1b
```
#b45f1b rgb(180,95,27)
```
#b46c1b
```
#b46c1b rgb(180,108,27)
```
#b4781b
```
#b4781b rgb(180,120,27)
```
#b4851b
```
#b4851b rgb(180,133,27)
```
#b4921b
```
#b4921b rgb(180,146,27)
```
#b49f1b
```
#b49f1b rgb(180,159,27)
```
#b4ab1b
```
#b4ab1b rgb(180,171,27)
```

Similar Colors

Text with hexadecimal color #b4851b

This text has a font color of #b4851b.

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

#b4851b background color

This paragraph has a background color of #b4851b.

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

#b4851b border color

This element has a border color of #b4851b.

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

CSS codes

.text {color:#b4851b;}

.background {background-color:#b4851b;}

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

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

#090701
```
#090701 rgb(9,7,1)
```
#1a1404
```
#1a1404 rgb(26,20,4)
```
#2c2007
```
#2c2007 rgb(44,32,7)
```
#3d2d09
```
#3d2d09 rgb(61,45,9)
```
#4e390c
```
#4e390c rgb(78,57,12)
```
#5f460e
```
#5f460e rgb(95,70,14)
```
#705311
```
#705311 rgb(112,83,17)
```
#815f13
```
#815f13 rgb(129,95,19)
```
#926c16
```
#926c16 rgb(146,108,22)
```
#a37818
```
#a37818 rgb(163,120,24)
```
#b4851b
```
#b4851b rgb(180,133,27)
```
#c5921e
```
#c5921e rgb(197,146,30)
```
#d69e20
```
#d69e20 rgb(214,158,32)
```

Shade Color Variation

#dfa82b
```
#dfa82b rgb(223,168,43)
```
#e2af3c
```
#e2af3c rgb(226,175,60)
```
#e4b64d
```
#e4b64d rgb(228,182,77)
```
#e7bd5e
```
#e7bd5e rgb(231,189,94)
```
#e9c46f
```
#e9c46f rgb(233,196,111)
```
#eccb80
```
#eccb80 rgb(236,203,128)
```
#efd291
```
#efd291 rgb(239,210,145)
```
#f1d9a2
```
#f1d9a2 rgb(241,217,162)
```
#f4e0b3
```
#f4e0b3 rgb(244,224,179)
```
#f6e7c4
```
#f6e7c4 rgb(246,231,196)
```
#f9eed5
```
#f9eed5 rgb(249,238,213)
```
#fbf5e6
```
#fbf5e6 rgb(251,245,230)
```
#fefcf7
```
#fefcf7 rgb(254,252,247)
```

Tint Color Variation

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

#6c6963
```
#6c6963 rgb(108,105,99)
```
#746c5b
```
#746c5b rgb(116,108,91)
```
#7c7053
```
#7c7053 rgb(124,112,83)
```
#84734b
```
#84734b rgb(132,115,75)
```
#8c7643
```
#8c7643 rgb(140,118,67)
```
#94793b
```
#94793b rgb(148,121,59)
```
#9c7c33
```
#9c7c33 rgb(156,124,51)
```
#a47f2b
```
#a47f2b rgb(164,127,43)
```
#ac8223
```
#ac8223 rgb(172,130,35)
```
#b4851b
```
#b4851b rgb(180,133,27)
```
#bc8813
```
#bc8813 rgb(188,136,19)
```
#c48b0b
```
#c48b0b rgb(196,139,11)
```
#cc8e03
```
#cc8e03 rgb(204,142,3)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#908771 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49328 Protanopia 1% of men
#b68b26 Deuteranopia 1% of men
#be828b Tritanopia 0.001% of the population

Trichromacy

#a98d23 Protanomaly 1% of men, 0.01% of women
#b58922 Deuteranomaly 6% of men, 0.4% of women
#ba8362 Tritanomaly 0.01% of the population

#b4851b hex color

#b4851b Color Information

#b4851b Color Conversion

Color Schemes with #b4851b

Alternatives to #b4851b

#b4851b Preview

Shades and Tints of #b4851b

Tones of #b4851b

Color Blindness Simulator