#b4844f hex color

In a RGB color space, hex #b4844f is composed of 70.6% red, 51.8% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.7% magenta, 56.1% yellow and 29.4% black. It has a hue angle of 31.5 degrees, a saturation of 40.2% and a lightness of 50.8%. #b4844f color hex could be obtained by blending #ffff9e with #690900. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 71
- G 52
- B 31
RGB color chart
- C 0
- M 27
- Y 56
- K 29
CMYK color chart

● #b4844f color description : Moderate orange.

The hexadecimal color #b4844f has RGB values of R:180, G:132, B:79 and CMYK values of C:0, M:0.27, Y:0.56, K:0.29. Its decimal value is 11830351.

Hex triplet	b4844f	`#b4844f`
RGB Decimal	180, 132, 79	`rgb(180,132,79)`
RGB Percent	70.6, 51.8, 31	`rgb(70.6%,51.8%,31%)`
CMYK	0, 27, 56, 29
HSL	31.5°, 40.2, 50.8	`hsl(31.5,40.2%,50.8%)`
HSV (or HSB)	31.5°, 56.1, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	58.763, 12.351, 35.573
XYZ	28.485, 26.772, 11.064
xyY	0.43, 0.404, 26.772
CIE-LCH	58.763, 37.656, 70.852
CIE-LUV	58.763, 36.758, 39.556
Hunter-Lab	51.741, 7.722, 23.541
Binary	10110100, 10000100, 01001111

#b4844f
```
#b4844f rgb(180,132,79)
```
#4f7fb4
```
#4f7fb4 rgb(79,127,180)
```

Complementary Color

#b4524f
```
#b4524f rgb(180,82,79)
```
#b4844f
```
#b4844f rgb(180,132,79)
```
#b2b44f
```
#b2b44f rgb(178,180,79)
```

Analogous Color

#524fb4
```
#524fb4 rgb(82,79,180)
```
#b4844f
```
#b4844f rgb(180,132,79)
```
#4fb2b4
```
#4fb2b4 rgb(79,178,180)
```

Split Complementary Color

#844fb4
```
#844fb4 rgb(132,79,180)
```
#b4844f
```
#b4844f rgb(180,132,79)
```
#4fb484
```
#4fb484 rgb(79,180,132)
```

Triadic Color

#b44f7f
```
#b44f7f rgb(180,79,127)
```
#b4844f
```
#b4844f rgb(180,132,79)
```
#4fb484
```
#4fb484 rgb(79,180,132)
```
#4f7fb4
```
#4f7fb4 rgb(79,127,180)
```

Tetradic Color

#805d37
```
#805d37 rgb(128,93,55)
```
#926a3e
```
#926a3e rgb(146,106,62)
```
#a47746
```
#a47746 rgb(164,119,70)
```
#b4844f
```
#b4844f rgb(180,132,79)
```
#bc9061
```
#bc9061 rgb(188,144,97)
```
#c39d73
```
#c39d73 rgb(195,157,115)
```
#cba985
```
#cba985 rgb(203,169,133)
```

Monochromatic Color

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

#b46b4f
```
#b46b4f rgb(180,107,79)
```
#b4734f
```
#b4734f rgb(180,115,79)
```
#b47c4f
```
#b47c4f rgb(180,124,79)
```
#b4844f
```
#b4844f rgb(180,132,79)
```
#b48c4f
```
#b48c4f rgb(180,140,79)
```
#b4954f
```
#b4954f rgb(180,149,79)
```
#b49d4f
```
#b49d4f rgb(180,157,79)
```

Similar Colors

Text with hexadecimal color #b4844f

This text has a font color of #b4844f.

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

#b4844f background color

This paragraph has a background color of #b4844f.

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

#b4844f border color

This element has a border color of #b4844f.

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

CSS codes

.text {color:#b4844f;}

.background {background-color:#b4844f;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#110c07
```
#110c07 rgb(17,12,7)
```
#1e160d
```
#1e160d rgb(30,22,13)
```
#2c2013
```
#2c2013 rgb(44,32,19)
```
#3a2a19
```
#3a2a19 rgb(58,42,25)
```
#48341f
```
#48341f rgb(72,52,31)
```
#553e24
```
#553e24 rgb(85,62,36)
```
#63482a
```
#63482a rgb(99,72,42)
```
#715230
```
#715230 rgb(113,82,48)
```
#7f5c36
```
#7f5c36 rgb(127,92,54)
```
#8c663c
```
#8c663c rgb(140,102,60)
```
#9a7042
```
#9a7042 rgb(154,112,66)
```
#a87a48
```
#a87a48 rgb(168,122,72)
```

Shade Color Variation

#b4844f
```
#b4844f rgb(180,132,79)
```
#ba8e5d
```
#ba8e5d rgb(186,142,93)
```
#c0976b
```
#c0976b rgb(192,151,107)
```
#c6a178
```
#c6a178 rgb(198,161,120)
```
#cbaa86
```
#cbaa86 rgb(203,170,134)
```
#d1b494
```
#d1b494 rgb(209,180,148)
```
#d7bea2
```
#d7bea2 rgb(215,190,162)
```
#ddc7af
```
#ddc7af rgb(221,199,175)
```
#e3d1bd
```
#e3d1bd rgb(227,209,189)
```
#e9dbcb
```
#e9dbcb rgb(233,219,203)
```
#efe4d9
```
#efe4d9 rgb(239,228,217)
```
#f4eee6
```
#f4eee6 rgb(244,238,230)
```
#faf7f4
```
#faf7f4 rgb(250,247,244)
```

Tint Color Variation

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

#84827f
```
#84827f rgb(132,130,127)
```
#8d8276
```
#8d8276 rgb(141,130,118)
```
#97836c
```
#97836c rgb(151,131,108)
```
#a18362
```
#a18362 rgb(161,131,98)
```
#aa8459
```
#aa8459 rgb(170,132,89)
```
#b4844f
```
#b4844f rgb(180,132,79)
```
#be8445
```
#be8445 rgb(190,132,69)
```
#c7853c
```
#c7853c rgb(199,133,60)
```
#d18532
```
#d18532 rgb(209,133,50)
```
#db8628
```
#db8628 rgb(219,134,40)
```
#e4861f
```
#e4861f rgb(228,134,31)
```
#ee8715
```
#ee8715 rgb(238,135,21)
```
#f8870b
```
#f8870b rgb(248,135,11)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#948a80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0935b Protanopia 1% of men
#b28c57 Deuteranopia 1% of men
#bc838d Tritanopia 0.001% of the population

Trichromacy

#a78d56 Protanomaly 1% of men, 0.01% of women
#b28954 Deuteranomaly 6% of men, 0.4% of women
#b98376 Tritanomaly 0.01% of the population

#b4844f hex color

#b4844f Color Information

#b4844f Color Conversion

Color Schemes with #b4844f

Alternatives to #b4844f

#b4844f Preview

Shades and Tints of #b4844f

Tones of #b4844f

Color Blindness Simulator