#b48b5d hex color

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

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

● #b48b5d color description : Slightly desaturated orange.

The hexadecimal color #b48b5d has RGB values of R:180, G:139, B:93 and CMYK values of C:0, M:0.23, Y:0.48, K:0.29. Its decimal value is 11832157.

Hex triplet	b48b5d	`#b48b5d`
RGB Decimal	180, 139, 93	`rgb(180,139,93)`
RGB Percent	70.6, 54.5, 36.5	`rgb(70.6%,54.5%,36.5%)`
CMYK	0, 23, 48, 29
HSL	31.7°, 36.7, 53.5	`hsl(31.7,36.7%,53.5%)`
HSV (or HSB)	31.7°, 48.3, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	60.746, 9.746, 30.51
XYZ	30.031, 28.96, 14.363
xyY	0.409, 0.395, 28.96
CIE-LCH	60.746, 32.029, 72.285
CIE-LUV	60.746, 30.677, 35.71
Hunter-Lab	53.815, 5.435, 21.845
Binary	10110100, 10001011, 01011101

#b48b5d
```
#b48b5d rgb(180,139,93)
```
#5d86b4
```
#5d86b4 rgb(93,134,180)
```

Complementary Color

#b4605d
```
#b4605d rgb(180,96,93)
```
#b48b5d
```
#b48b5d rgb(180,139,93)
```
#b2b45d
```
#b2b45d rgb(178,180,93)
```

Analogous Color

#605db4
```
#605db4 rgb(96,93,180)
```
#b48b5d
```
#b48b5d rgb(180,139,93)
```
#5db2b4
```
#5db2b4 rgb(93,178,180)
```

Split Complementary Color

#8b5db4
```
#8b5db4 rgb(139,93,180)
```
#b48b5d
```
#b48b5d rgb(180,139,93)
```
#5db48b
```
#5db48b rgb(93,180,139)
```

Triadic Color

#b45d86
```
#b45d86 rgb(180,93,134)
```
#b48b5d
```
#b48b5d rgb(180,139,93)
```
#5db48b
```
#5db48b rgb(93,180,139)
```
#5d86b4
```
#5d86b4 rgb(93,134,180)
```

Tetradic Color

#86643e
```
#86643e rgb(134,100,62)
```
#987146
```
#987146 rgb(152,113,70)
```
#a97e4e
```
#a97e4e rgb(169,126,78)
```
#b48b5d
```
#b48b5d rgb(180,139,93)
```
#bc976e
```
#bc976e rgb(188,151,110)
```
#c4a480
```
#c4a480 rgb(196,164,128)
```
#ccb091
```
#ccb091 rgb(204,176,145)
```

Monochromatic Color

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

#b4755d
```
#b4755d rgb(180,117,93)
```
#b47d5d
```
#b47d5d rgb(180,125,93)
```
#b4845d
```
#b4845d rgb(180,132,93)
```
#b48b5d
```
#b48b5d rgb(180,139,93)
```
#b4925d
```
#b4925d rgb(180,146,93)
```
#b49a5d
```
#b49a5d rgb(180,154,93)
```
#b4a15d
```
#b4a15d rgb(180,161,93)
```

Similar Colors

Text with hexadecimal color #b48b5d

This text has a font color of #b48b5d.

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

#b48b5d background color

This paragraph has a background color of #b48b5d.

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

#b48b5d border color

This element has a border color of #b48b5d.

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

CSS codes

.text {color:#b48b5d;}

.background {background-color:#b48b5d;}

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

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)
```
#271d12
```
#271d12 rgb(39,29,18)
```
#352718
```
#352718 rgb(53,39,24)
```
#42311f
```
#42311f rgb(66,49,31)
```
#4f3b25
```
#4f3b25 rgb(79,59,37)
```
#5d452b
```
#5d452b rgb(93,69,43)
```
#6a4f31
```
#6a4f31 rgb(106,79,49)
```
#785937
```
#785937 rgb(120,89,55)
```
#85633e
```
#85633e rgb(133,99,62)
```
#926d44
```
#926d44 rgb(146,109,68)
```
#a0774a
```
#a0774a rgb(160,119,74)
```
#ad8150
```
#ad8150 rgb(173,129,80)
```

Shade Color Variation

#b48b5d
```
#b48b5d rgb(180,139,93)
```
#ba956a
```
#ba956a rgb(186,149,106)
```
#c09e78
```
#c09e78 rgb(192,158,120)
```
#c7a885
```
#c7a885 rgb(199,168,133)
```
#cdb193
```
#cdb193 rgb(205,177,147)
```
#d3bba0
```
#d3bba0 rgb(211,187,160)
```
#d9c5ad
```
#d9c5ad rgb(217,197,173)
```
#dfcebb
```
#dfcebb rgb(223,206,187)
```
#e6d8c8
```
#e6d8c8 rgb(230,216,200)
```
#ece1d6
```
#ece1d6 rgb(236,225,214)
```
#f2ebe3
```
#f2ebe3 rgb(242,235,227)
```
#f8f5f0
```
#f8f5f0 rgb(248,245,240)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#908981
```
#908981 rgb(144,137,129)
```
#998978
```
#998978 rgb(153,137,120)
```
#a28a6f
```
#a28a6f rgb(162,138,111)
```
#ab8a66
```
#ab8a66 rgb(171,138,102)
```
#b48b5d
```
#b48b5d rgb(180,139,93)
```
#bd8c54
```
#bd8c54 rgb(189,140,84)
```
#c68c4b
```
#c68c4b rgb(198,140,75)
```
#cf8d42
```
#cf8d42 rgb(207,141,66)
```
#d88d39
```
#d88d39 rgb(216,141,57)
```
#e28e2f
```
#e28e2f rgb(226,142,47)
```
#eb8e26
```
#eb8e26 rgb(235,142,38)
```
#f48f1d
```
#f48f1d rgb(244,143,29)
```
#fd8f14
```
#fd8f14 rgb(253,143,20)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#999187 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49868 Protanopia 1% of men
#b59165 Deuteranopia 1% of men
#bc8a94 Tritanopia 0.001% of the population

Trichromacy

#aa9364 Protanomaly 1% of men, 0.01% of women
#b58f62 Deuteranomaly 6% of men, 0.4% of women
#b98a80 Tritanomaly 0.01% of the population

#b48b5d hex color

#b48b5d Color Information

#b48b5d Color Conversion

Color Schemes with #b48b5d

Alternatives to #b48b5d

#b48b5d Preview

Shades and Tints of #b48b5d

Tones of #b48b5d

Color Blindness Simulator