#b4895f hex color

In a RGB color space, hex #b4895f is composed of 70.6% red, 53.7% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.9% magenta, 47.2% yellow and 29.4% black. It has a hue angle of 29.6 degrees, a saturation of 36.2% and a lightness of 53.9%. #b4895f color hex could be obtained by blending #ffffbe with #691300. Closest websafe color is: #cc9966.

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

● #b4895f color description : Slightly desaturated orange.

The hexadecimal color #b4895f has RGB values of R:180, G:137, B:95 and CMYK values of C:0, M:0.24, Y:0.47, K:0.29. Its decimal value is 11831647.

Hex triplet	b4895f	`#b4895f`
RGB Decimal	180, 137, 95	`rgb(180,137,95)`
RGB Percent	70.6, 53.7, 37.3	`rgb(70.6%,53.7%,37.3%)`
CMYK	0, 24, 47, 29
HSL	29.6°, 36.2, 53.9	`hsl(29.6,36.2%,53.9%)`
HSV (or HSB)	29.6°, 47.2, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	60.268, 11.06, 28.802
XYZ	29.834, 28.422, 14.741
xyY	0.409, 0.389, 28.422
CIE-LCH	60.268, 30.853, 68.993
CIE-LUV	60.268, 31.845, 33.585
Hunter-Lab	53.312, 6.592, 20.925
Binary	10110100, 10001001, 01011111

#b4895f
```
#b4895f rgb(180,137,95)
```
#5f8ab4
```
#5f8ab4 rgb(95,138,180)
```

Complementary Color

#b45f60
```
#b45f60 rgb(180,95,96)
```
#b4895f
```
#b4895f rgb(180,137,95)
```
#b4b45f
```
#b4b45f rgb(180,180,95)
```

Analogous Color

#5f60b4
```
#5f60b4 rgb(95,96,180)
```
#b4895f
```
#b4895f rgb(180,137,95)
```
#5fb4b4
```
#5fb4b4 rgb(95,180,180)
```

Split Complementary Color

#895fb4
```
#895fb4 rgb(137,95,180)
```
#b4895f
```
#b4895f rgb(180,137,95)
```
#5fb489
```
#5fb489 rgb(95,180,137)
```

Triadic Color

#b45f8a
```
#b45f8a rgb(180,95,138)
```
#b4895f
```
#b4895f rgb(180,137,95)
```
#5fb489
```
#5fb489 rgb(95,180,137)
```
#5f8ab4
```
#5f8ab4 rgb(95,138,180)
```

Tetradic Color

#87633f
```
#87633f rgb(135,99,63)
```
#997047
```
#997047 rgb(153,112,71)
```
#aa7c50
```
#aa7c50 rgb(170,124,80)
```
#b4895f
```
#b4895f rgb(180,137,95)
```
#bc9670
```
#bc9670 rgb(188,150,112)
```
#c4a382
```
#c4a382 rgb(196,163,130)
```
#ccaf93
```
#ccaf93 rgb(204,175,147)
```

Monochromatic Color

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

#b4745f
```
#b4745f rgb(180,116,95)
```
#b47b5f
```
#b47b5f rgb(180,123,95)
```
#b4825f
```
#b4825f rgb(180,130,95)
```
#b4895f
```
#b4895f rgb(180,137,95)
```
#b4905f
```
#b4905f rgb(180,144,95)
```
#b4975f
```
#b4975f rgb(180,151,95)
```
#b49e5f
```
#b49e5f rgb(180,158,95)
```

Similar Colors

Text with hexadecimal color #b4895f

This text has a font color of #b4895f.

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

#b4895f background color

This paragraph has a background color of #b4895f.

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

#b4895f border color

This element has a border color of #b4895f.

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

CSS codes

.text {color:#b4895f;}

.background {background-color:#b4895f;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0e0a06
```
#0e0a06 rgb(14,10,6)
```
#1b140d
```
#1b140d rgb(27,20,13)
```
#281d13
```
#281d13 rgb(40,29,19)
```
#362719
```
#362719 rgb(54,39,25)
```
#43311f
```
#43311f rgb(67,49,31)
```
#503b26
```
#503b26 rgb(80,59,38)
```
#5e452c
```
#5e452c rgb(94,69,44)
```
#6b4e32
```
#6b4e32 rgb(107,78,50)
```
#785838
```
#785838 rgb(120,88,56)
```
#86623f
```
#86623f rgb(134,98,63)
```
#936c45
```
#936c45 rgb(147,108,69)
```
#a1754b
```
#a1754b rgb(161,117,75)
```

Shade Color Variation

#ae7f52
```
#ae7f52 rgb(174,127,82)
```
#b4895f
```
#b4895f rgb(180,137,95)
```
#ba936c
```
#ba936c rgb(186,147,108)
```
#c19d7a
```
#c19d7a rgb(193,157,122)
```
#c7a787
```
#c7a787 rgb(199,167,135)
```
#cdb094
```
#cdb094 rgb(205,176,148)
```
#d3baa2
```
#d3baa2 rgb(211,186,162)
```
#dac4af
```
#dac4af rgb(218,196,175)
```
#e0cebc
```
#e0cebc rgb(224,206,188)
```
#e6d8ca
```
#e6d8ca rgb(230,216,202)
```
#ece2d7
```
#ece2d7 rgb(236,226,215)
```
#f3ebe5
```
#f3ebe5 rgb(243,235,229)
```
#f9f5f2
```
#f9f5f2 rgb(249,245,242)
```

Tint Color Variation

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

#908983
```
#908983 rgb(144,137,131)
```
#99897a
```
#99897a rgb(153,137,122)
```
#a28971
```
#a28971 rgb(162,137,113)
```
#ab8968
```
#ab8968 rgb(171,137,104)
```
#b4895f
```
#b4895f rgb(180,137,95)
```
#bd8956
```
#bd8956 rgb(189,137,86)
```
#c6894d
```
#c6894d rgb(198,137,77)
```
#cf8944
```
#cf8944 rgb(207,137,68)
```
#d8893b
```
#d8893b rgb(216,137,59)
```
#e18832
```
#e18832 rgb(225,136,50)
```
#ea8829
```
#ea8829 rgb(234,136,41)
```
#f38820
```
#f38820 rgb(243,136,32)
```
#fc8817
```
#fc8817 rgb(252,136,23)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#988f87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2966a Protanopia 1% of men
#b39066 Deuteranopia 1% of men
#bc8992 Tritanopia 0.001% of the population

Trichromacy

#a99166 Protanomaly 1% of men, 0.01% of women
#b38d63 Deuteranomaly 6% of men, 0.4% of women
#b98980 Tritanomaly 0.01% of the population

#b4895f hex color

#b4895f Color Information

#b4895f Color Conversion

Color Schemes with #b4895f

Alternatives to #b4895f

#b4895f Preview

Shades and Tints of #b4895f

Tones of #b4895f

Color Blindness Simulator