#b4885d hex color

In a RGB color space, hex #b4885d is composed of 70.6% red, 53.3% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.4% magenta, 48.3% yellow and 29.4% black. It has a hue angle of 29.7 degrees, a saturation of 36.7% and a lightness of 53.5%. #b4885d color hex could be obtained by blending #ffffba with #691100. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 71
- G 53
- B 36
RGB color chart
- C 0
- M 24
- Y 48
- K 29
CMYK color chart

● #b4885d color description : Slightly desaturated orange.

The hexadecimal color #b4885d has RGB values of R:180, G:136, B:93 and CMYK values of C:0, M:0.24, Y:0.48, K:0.29. Its decimal value is 11831389.

Hex triplet	b4885d	`#b4885d`
RGB Decimal	180, 136, 93	`rgb(180,136,93)`
RGB Percent	70.6, 53.3, 36.5	`rgb(70.6%,53.3%,36.5%)`
CMYK	0, 24, 48, 29
HSL	29.7°, 36.7, 53.5	`hsl(29.7,36.7%,53.5%)`
HSV (or HSB)	29.7°, 48.3, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	59.982, 11.414, 29.531
XYZ	29.603, 28.103, 14.221
xyY	0.412, 0.391, 28.103
CIE-LCH	59.982, 31.66, 68.868
CIE-LUV	59.982, 32.709, 34.201
Hunter-Lab	53.013, 6.904, 21.204
Binary	10110100, 10001000, 01011101

#b4885d
```
#b4885d rgb(180,136,93)
```
#5d89b4
```
#5d89b4 rgb(93,137,180)
```

Complementary Color

#b45d5d
```
#b45d5d rgb(180,93,93)
```
#b4885d
```
#b4885d rgb(180,136,93)
```
#b4b45d
```
#b4b45d rgb(180,180,93)
```

Analogous Color

#5d5eb4
```
#5d5eb4 rgb(93,94,180)
```
#b4885d
```
#b4885d rgb(180,136,93)
```
#5db4b4
```
#5db4b4 rgb(93,180,180)
```

Split Complementary Color

#885db4
```
#885db4 rgb(136,93,180)
```
#b4885d
```
#b4885d rgb(180,136,93)
```
#5db488
```
#5db488 rgb(93,180,136)
```

Triadic Color

#b45d89
```
#b45d89 rgb(180,93,137)
```
#b4885d
```
#b4885d rgb(180,136,93)
```
#5db488
```
#5db488 rgb(93,180,136)
```
#5d89b4
```
#5d89b4 rgb(93,137,180)
```

Tetradic Color

#86623e
```
#86623e rgb(134,98,62)
```
#986f46
```
#986f46 rgb(152,111,70)
```
#a97b4e
```
#a97b4e rgb(169,123,78)
```
#b4885d
```
#b4885d rgb(180,136,93)
```
#bc956e
```
#bc956e rgb(188,149,110)
```
#c4a280
```
#c4a280 rgb(196,162,128)
```
#ccae91
```
#ccae91 rgb(204,174,145)
```

Monochromatic Color

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

#b4725d
```
#b4725d rgb(180,114,93)
```
#b47a5d
```
#b47a5d rgb(180,122,93)
```
#b4815d
```
#b4815d rgb(180,129,93)
```
#b4885d
```
#b4885d rgb(180,136,93)
```
#b48f5d
```
#b48f5d rgb(180,143,93)
```
#b4975d
```
#b4975d rgb(180,151,93)
```
#b49e5d
```
#b49e5d rgb(180,158,93)
```

Similar Colors

Text with hexadecimal color #b4885d

This text has a font color of #b4885d.

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

#b4885d background color

This paragraph has a background color of #b4885d.

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

#b4885d border color

This element has a border color of #b4885d.

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

CSS codes

.text {color:#b4885d;}

.background {background-color:#b4885d;}

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

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

#0c0906
```
#0c0906 rgb(12,9,6)
```
#1a130c
```
#1a130c rgb(26,19,12)
```
#271c12
```
#271c12 rgb(39,28,18)
```
#352618
```
#352618 rgb(53,38,24)
```
#42301f
```
#42301f rgb(66,48,31)
```
#4f3a25
```
#4f3a25 rgb(79,58,37)
```
#5d442b
```
#5d442b rgb(93,68,43)
```
#6a4d31
```
#6a4d31 rgb(106,77,49)
```
#785737
```
#785737 rgb(120,87,55)
```
#85613e
```
#85613e rgb(133,97,62)
```
#926b44
```
#926b44 rgb(146,107,68)
```
#a0744a
```
#a0744a rgb(160,116,74)
```
#ad7e50
```
#ad7e50 rgb(173,126,80)
```

Shade Color Variation

#b4885d
```
#b4885d rgb(180,136,93)
```
#ba926a
```
#ba926a rgb(186,146,106)
```
#c09c78
```
#c09c78 rgb(192,156,120)
```
#c7a685
```
#c7a685 rgb(199,166,133)
```
#cdaf93
```
#cdaf93 rgb(205,175,147)
```
#d3b9a0
```
#d3b9a0 rgb(211,185,160)
```
#d9c3ad
```
#d9c3ad rgb(217,195,173)
```
#dfcdbb
```
#dfcdbb rgb(223,205,187)
```
#e6d7c8
```
#e6d7c8 rgb(230,215,200)
```
#ece1d6
```
#ece1d6 rgb(236,225,214)
```
#f2eae3
```
#f2eae3 rgb(242,234,227)
```
#f8f4f0
```
#f8f4f0 rgb(248,244,240)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#908881
```
#908881 rgb(144,136,129)
```
#998878
```
#998878 rgb(153,136,120)
```
#a2886f
```
#a2886f rgb(162,136,111)
```
#ab8866
```
#ab8866 rgb(171,136,102)
```
#b4885d
```
#b4885d rgb(180,136,93)
```
#bd8854
```
#bd8854 rgb(189,136,84)
```
#c6884b
```
#c6884b rgb(198,136,75)
```
#cf8842
```
#cf8842 rgb(207,136,66)
```
#d88839
```
#d88839 rgb(216,136,57)
```
#e2872f
```
#e2872f rgb(226,135,47)
```
#eb8726
```
#eb8726 rgb(235,135,38)
```
#f4871d
```
#f4871d rgb(244,135,29)
```
#fd8714
```
#fd8714 rgb(253,135,20)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#978e86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29668 Protanopia 1% of men
#b39064 Deuteranopia 1% of men
#bc8891 Tritanopia 0.001% of the population

Trichromacy

#a89164 Protanomaly 1% of men, 0.01% of women
#b38d62 Deuteranomaly 6% of men, 0.4% of women
#b9887e Tritanomaly 0.01% of the population

#b4885d hex color

#b4885d Color Information

#b4885d Color Conversion

Color Schemes with #b4885d

Alternatives to #b4885d

#b4885d Preview

Shades and Tints of #b4885d

Tones of #b4885d

Color Blindness Simulator