#b48571 hex color

In a RGB color space, hex #b48571 is composed of 70.6% red, 52.2% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.1% magenta, 37.2% yellow and 29.4% black. It has a hue angle of 17.9 degrees, a saturation of 30.9% and a lightness of 57.5%. #b48571 color hex could be obtained by blending #ffffe2 with #690b00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 71
- G 52
- B 44
RGB color chart
- C 0
- M 26
- Y 37
- K 29
CMYK color chart

● #b48571 color description : Slightly desaturated orange.

The hexadecimal color #b48571 has RGB values of R:180, G:133, B:113 and CMYK values of C:0, M:0.26, Y:0.37, K:0.29. Its decimal value is 11830641.

Hex triplet	b48571	`#b48571`
RGB Decimal	180, 133, 113	`rgb(180,133,113)`
RGB Percent	70.6, 52.2, 44.3	`rgb(70.6%,52.2%,44.3%)`
CMYK	0, 26, 37, 29
HSL	17.9°, 30.9, 57.5	`hsl(17.9,30.9%,57.5%)`
HSV (or HSB)	17.9°, 37.2, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	59.591, 15.328, 17.841
XYZ	30.191, 27.672, 19.373
xyY	0.391, 0.358, 27.672
CIE-LCH	59.591, 23.521, 49.333
CIE-LUV	59.591, 32.582, 20.456
Hunter-Lab	52.604, 10.388, 14.988
Binary	10110100, 10000101, 01110001

#b48571
```
#b48571 rgb(180,133,113)
```
#71a0b4
```
#71a0b4 rgb(113,160,180)
```

Complementary Color

#b4717f
```
#b4717f rgb(180,113,127)
```
#b48571
```
#b48571 rgb(180,133,113)
```
#b4a771
```
#b4a771 rgb(180,167,113)
```

Analogous Color

#717fb4
```
#717fb4 rgb(113,127,180)
```
#b48571
```
#b48571 rgb(180,133,113)
```
#71b4a7
```
#71b4a7 rgb(113,180,167)
```

Split Complementary Color

#8571b4
```
#8571b4 rgb(133,113,180)
```
#b48571
```
#b48571 rgb(180,133,113)
```
#71b485
```
#71b485 rgb(113,180,133)
```

Triadic Color

#b471a0
```
#b471a0 rgb(180,113,160)
```
#b48571
```
#b48571 rgb(180,133,113)
```
#71b485
```
#71b485 rgb(113,180,133)
```
#71a0b4
```
#71a0b4 rgb(113,160,180)
```

Tetradic Color

#8e5f4b
```
#8e5f4b rgb(142,95,75)
```
#9e6a54
```
#9e6a54 rgb(158,106,84)
```
#ab7760
```
#ab7760 rgb(171,119,96)
```
#b48571
```
#b48571 rgb(180,133,113)
```
#bd9382
```
#bd9382 rgb(189,147,130)
```
#c6a292
```
#c6a292 rgb(198,162,146)
```
#ceb0a3
```
#ceb0a3 rgb(206,176,163)
```

Monochromatic Color

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

#b47471
```
#b47471 rgb(180,116,113)
```
#b47a71
```
#b47a71 rgb(180,122,113)
```
#b47f71
```
#b47f71 rgb(180,127,113)
```
#b48571
```
#b48571 rgb(180,133,113)
```
#b48b71
```
#b48b71 rgb(180,139,113)
```
#b49071
```
#b49071 rgb(180,144,113)
```
#b49671
```
#b49671 rgb(180,150,113)
```

Similar Colors

Text with hexadecimal color #b48571

This text has a font color of #b48571.

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

#b48571 background color

This paragraph has a background color of #b48571.

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

#b48571 border color

This element has a border color of #b48571.

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

CSS codes

.text {color:#b48571;}

.background {background-color:#b48571;}

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

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

#0c0806
```
#0c0806 rgb(12,8,6)
```
#19110d
```
#19110d rgb(25,17,13)
```
#261914
```
#261914 rgb(38,25,20)
```
#33221b
```
#33221b rgb(51,34,27)
```
#3f2a21
```
#3f2a21 rgb(63,42,33)
```
#4c3328
```
#4c3328 rgb(76,51,40)
```
#593c2f
```
#593c2f rgb(89,60,47)
```
#664436
```
#664436 rgb(102,68,54)
```
#734d3d
```
#734d3d rgb(115,77,61)
```
#805543
```
#805543 rgb(128,85,67)
```
#8c5e4a
```
#8c5e4a rgb(140,94,74)
```
#996751
```
#996751 rgb(153,103,81)
```
#a66f58
```
#a66f58 rgb(166,111,88)
```

Shade Color Variation

#ad7a64
```
#ad7a64 rgb(173,122,100)
```
#b48571
```
#b48571 rgb(180,133,113)
```
#bb907e
```
#bb907e rgb(187,144,126)
```
#c29b8b
```
#c29b8b rgb(194,155,139)
```
#c8a698
```
#c8a698 rgb(200,166,152)
```
#cfb1a4
```
#cfb1a4 rgb(207,177,164)
```
#d6bcb1
```
#d6bcb1 rgb(214,188,177)
```
#ddc7be
```
#ddc7be rgb(221,199,190)
```
#e3d2cb
```
#e3d2cb rgb(227,210,203)
```
#eaddd8
```
#eaddd8 rgb(234,221,216)
```
#f1e8e5
```
#f1e8e5 rgb(241,232,229)
```
#f8f3f1
```
#f8f3f1 rgb(248,243,241)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#939292
```
#939292 rgb(147,146,146)
```
#9b8f8a
```
#9b8f8a rgb(155,143,138)
```
#a38c82
```
#a38c82 rgb(163,140,130)
```
#ac8879
```
#ac8879 rgb(172,136,121)
```
#b48571
```
#b48571 rgb(180,133,113)
```
#bc8269
```
#bc8269 rgb(188,130,105)
```
#c57e60
```
#c57e60 rgb(197,126,96)
```
#cd7b58
```
#cd7b58 rgb(205,123,88)
```
#d57850
```
#d57850 rgb(213,120,80)
```
#de7447
```
#de7447 rgb(222,116,71)
```
#e6713f
```
#e6713f rgb(230,113,63)
```
#ee6d37
```
#ee6d37 rgb(238,109,55)
```
#f76a2e
```
#f76a2e rgb(247,106,46)
```

Tone Color Variation

Below, you can see how #b48571 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
#988f8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d947c Protanopia 1% of men
#ad8f77 Deuteranopia 1% of men
#ba8791 Tritanopia 0.001% of the population

Trichromacy

#a58f78 Protanomaly 1% of men, 0.01% of women
#af8b74 Deuteranomaly 6% of men, 0.4% of women
#b88685 Tritanomaly 0.01% of the population

#b48571 hex color

#b48571 Color Information

#b48571 Color Conversion

Color Schemes with #b48571

Alternatives to #b48571

#b48571 Preview

Shades and Tints of #b48571

Tones of #b48571

Color Blindness Simulator