#b4894f hex color

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

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

● #b4894f color description : Moderate orange.

The hexadecimal color #b4894f has RGB values of R:180, G:137, B:79 and CMYK values of C:0, M:0.24, Y:0.56, K:0.29. Its decimal value is 11831631.

Hex triplet	b4894f	`#b4894f`
RGB Decimal	180, 137, 79	`rgb(180,137,79)`
RGB Percent	70.6, 53.7, 31	`rgb(70.6%,53.7%,31%)`
CMYK	0, 24, 56, 29
HSL	34.5°, 40.2, 50.8	`hsl(34.5,40.2%,50.8%)`
HSV (or HSB)	34.5°, 56.1, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	60.033, 9.57, 37.118
XYZ	29.18, 28.161, 11.295
xyY	0.425, 0.41, 28.161
CIE-LCH	60.033, 38.332, 75.542
CIE-LUV	60.033, 33.233, 41.925
Hunter-Lab	53.066, 5.285, 24.527
Binary	10110100, 10001001, 01001111

#b4894f
```
#b4894f rgb(180,137,79)
```
#4f7ab4
```
#4f7ab4 rgb(79,122,180)
```

Complementary Color

#b4564f
```
#b4564f rgb(180,86,79)
```
#b4894f
```
#b4894f rgb(180,137,79)
```
#adb44f
```
#adb44f rgb(173,180,79)
```

Analogous Color

#564fb4
```
#564fb4 rgb(86,79,180)
```
#b4894f
```
#b4894f rgb(180,137,79)
```
#4fadb4
```
#4fadb4 rgb(79,173,180)
```

Split Complementary Color

#894fb4
```
#894fb4 rgb(137,79,180)
```
#b4894f
```
#b4894f rgb(180,137,79)
```
#4fb489
```
#4fb489 rgb(79,180,137)
```

Triadic Color

#b44f7a
```
#b44f7a rgb(180,79,122)
```
#b4894f
```
#b4894f rgb(180,137,79)
```
#4fb489
```
#4fb489 rgb(79,180,137)
```
#4f7ab4
```
#4f7ab4 rgb(79,122,180)
```

Tetradic Color

#806137
```
#806137 rgb(128,97,55)
```
#926e3e
```
#926e3e rgb(146,110,62)
```
#a47c46
```
#a47c46 rgb(164,124,70)
```
#b4894f
```
#b4894f rgb(180,137,79)
```
#bc9561
```
#bc9561 rgb(188,149,97)
```
#c3a173
```
#c3a173 rgb(195,161,115)
```
#cbad85
```
#cbad85 rgb(203,173,133)
```

Monochromatic Color

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

#b4704f
```
#b4704f rgb(180,112,79)
```
#b4784f
```
#b4784f rgb(180,120,79)
```
#b4814f
```
#b4814f rgb(180,129,79)
```
#b4894f
```
#b4894f rgb(180,137,79)
```
#b4914f
```
#b4914f rgb(180,145,79)
```
#b49a4f
```
#b49a4f rgb(180,154,79)
```
#b4a24f
```
#b4a24f rgb(180,162,79)
```

Similar Colors

Text with hexadecimal color #b4894f

This text has a font color of #b4894f.

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

#b4894f background color

This paragraph has a background color of #b4894f.

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

#b4894f border color

This element has a border color of #b4894f.

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

CSS codes

.text {color:#b4894f;}

.background {background-color:#b4894f;}

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

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 #faf8f4 is the lightest one.

#030201
```
#030201 rgb(3,2,1)
```
#110d07
```
#110d07 rgb(17,13,7)
```
#1e170d
```
#1e170d rgb(30,23,13)
```
#2c2113
```
#2c2113 rgb(44,33,19)
```
#3a2c19
```
#3a2c19 rgb(58,44,25)
```
#48361f
```
#48361f rgb(72,54,31)
```
#554024
```
#554024 rgb(85,64,36)
```
#634b2a
```
#634b2a rgb(99,75,42)
```
#715530
```
#715530 rgb(113,85,48)
```
#7f6036
```
#7f6036 rgb(127,96,54)
```
#8c6a3c
```
#8c6a3c rgb(140,106,60)
```
#9a7442
```
#9a7442 rgb(154,116,66)
```
#a87f48
```
#a87f48 rgb(168,127,72)
```

Shade Color Variation

#b4894f
```
#b4894f rgb(180,137,79)
```
#ba925d
```
#ba925d rgb(186,146,93)
```
#c09b6b
```
#c09b6b rgb(192,155,107)
```
#c6a578
```
#c6a578 rgb(198,165,120)
```
#cbae86
```
#cbae86 rgb(203,174,134)
```
#d1b794
```
#d1b794 rgb(209,183,148)
```
#d7c0a2
```
#d7c0a2 rgb(215,192,162)
```
#ddcaaf
```
#ddcaaf rgb(221,202,175)
```
#e3d3bd
```
#e3d3bd rgb(227,211,189)
```
#e9dccb
```
#e9dccb rgb(233,220,203)
```
#efe5d9
```
#efe5d9 rgb(239,229,217)
```
#f4eee6
```
#f4eee6 rgb(244,238,230)
```
#faf8f4
```
#faf8f4 rgb(250,248,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 #f8930b is the most saturated one.

#84827f
```
#84827f rgb(132,130,127)
```
#8d8376
```
#8d8376 rgb(141,131,118)
```
#97856c
```
#97856c rgb(151,133,108)
```
#a18662
```
#a18662 rgb(161,134,98)
```
#aa8859
```
#aa8859 rgb(170,136,89)
```
#b4894f
```
#b4894f rgb(180,137,79)
```
#be8a45
```
#be8a45 rgb(190,138,69)
```
#c78c3c
```
#c78c3c rgb(199,140,60)
```
#d18d32
```
#d18d32 rgb(209,141,50)
```
#db8f28
```
#db8f28 rgb(219,143,40)
```
#e4901f
```
#e4901f rgb(228,144,31)
```
#ee9215
```
#ee9215 rgb(238,146,21)
```
#f8930b
```
#f8930b rgb(248,147,11)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#968e82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4965a Protanopia 1% of men
#b68f57 Deuteranopia 1% of men
#bd8891 Tritanopia 0.001% of the population

Trichromacy

#aa9156 Protanomaly 1% of men, 0.01% of women
#b58d54 Deuteranomaly 6% of men, 0.4% of women
#b98879 Tritanomaly 0.01% of the population

#b4894f hex color

#b4894f Color Information

#b4894f Color Conversion

Color Schemes with #b4894f

Alternatives to #b4894f

#b4894f Preview

Shades and Tints of #b4894f

Tones of #b4894f

Color Blindness Simulator