#b48056 hex color

In a RGB color space, hex #b48056 is composed of 70.6% red, 50.2% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.9% magenta, 52.2% yellow and 29.4% black. It has a hue angle of 26.8 degrees, a saturation of 38.5% and a lightness of 52.2%. #b48056 color hex could be obtained by blending #ffffac with #690100. Closest websafe color is: #cc9966.

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

● #b48056 color description : Moderate orange.

The hexadecimal color #b48056 has RGB values of R:180, G:128, B:86 and CMYK values of C:0, M:0.29, Y:0.52, K:0.29. Its decimal value is 11829334.

Hex triplet	b48056	`#b48056`
RGB Decimal	180, 128, 86	`rgb(180,128,86)`
RGB Percent	70.6, 50.2, 33.7	`rgb(70.6%,50.2%,33.7%)`
CMYK	0, 29, 52, 29
HSL	26.8°, 38.5, 52.2	`hsl(26.8,38.5%,52.2%)`
HSV (or HSB)	26.8°, 52.2, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	57.861, 15.201, 30.665
XYZ	28.222, 25.815, 12.3
xyY	0.425, 0.389, 25.815
CIE-LCH	57.861, 34.226, 63.631
CIE-LUV	57.861, 38.901, 34.063
Hunter-Lab	50.809, 10.233, 21.213
Binary	10110100, 10000000, 01010110

#b48056
```
#b48056 rgb(180,128,86)
```
#568ab4
```
#568ab4 rgb(86,138,180)
```

Complementary Color

#b4565b
```
#b4565b rgb(180,86,91)
```
#b48056
```
#b48056 rgb(180,128,86)
```
#b4af56
```
#b4af56 rgb(180,175,86)
```

Analogous Color

#565bb4
```
#565bb4 rgb(86,91,180)
```
#b48056
```
#b48056 rgb(180,128,86)
```
#56b4af
```
#56b4af rgb(86,180,175)
```

Split Complementary Color

#8056b4
```
#8056b4 rgb(128,86,180)
```
#b48056
```
#b48056 rgb(180,128,86)
```
#56b480
```
#56b480 rgb(86,180,128)
```

Triadic Color

#b4568a
```
#b4568a rgb(180,86,138)
```
#b48056
```
#b48056 rgb(180,128,86)
```
#56b480
```
#56b480 rgb(86,180,128)
```
#568ab4
```
#568ab4 rgb(86,138,180)
```

Tetradic Color

#835b3a
```
#835b3a rgb(131,91,58)
```
#956742
```
#956742 rgb(149,103,66)
```
#a7734a
```
#a7734a rgb(167,115,74)
```
#b48056
```
#b48056 rgb(180,128,86)
```
#bc8d68
```
#bc8d68 rgb(188,141,104)
```
#c49b79
```
#c49b79 rgb(196,155,121)
```
#cca88b
```
#cca88b rgb(204,168,139)
```

Monochromatic Color

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

#b46956
```
#b46956 rgb(180,105,86)
```
#b47056
```
#b47056 rgb(180,112,86)
```
#b47856
```
#b47856 rgb(180,120,86)
```
#b48056
```
#b48056 rgb(180,128,86)
```
#b48856
```
#b48856 rgb(180,136,86)
```
#b49056
```
#b49056 rgb(180,144,86)
```
#b49856
```
#b49856 rgb(180,152,86)
```

Similar Colors

Text with hexadecimal color #b48056

This text has a font color of #b48056.

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

#b48056 background color

This paragraph has a background color of #b48056.

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

#b48056 border color

This element has a border color of #b48056.

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

CSS codes

.text {color:#b48056;}

.background {background-color:#b48056;}

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

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

#080503
```
#080503 rgb(8,5,3)
```
#150f09
```
#150f09 rgb(21,15,9)
```
#23180f
```
#23180f rgb(35,24,15)
```
#302115
```
#302115 rgb(48,33,21)
```
#3e2b1b
```
#3e2b1b rgb(62,43,27)
```
#4c3422
```
#4c3422 rgb(76,52,34)
```
#593e28
```
#593e28 rgb(89,62,40)
```
#67472e
```
#67472e rgb(103,71,46)
```
#745134
```
#745134 rgb(116,81,52)
```
#825a3a
```
#825a3a rgb(130,90,58)
```
#8f6340
```
#8f6340 rgb(143,99,64)
```
#9d6d46
```
#9d6d46 rgb(157,109,70)
```
#ab764c
```
#ab764c rgb(171,118,76)
```

Shade Color Variation

#b48056
```
#b48056 rgb(180,128,86)
```
#ba8a64
```
#ba8a64 rgb(186,138,100)
```
#c09471
```
#c09471 rgb(192,148,113)
```
#c69f7f
```
#c69f7f rgb(198,159,127)
```
#cca98c
```
#cca98c rgb(204,169,140)
```
#d2b39a
```
#d2b39a rgb(210,179,154)
```
#d8bda8
```
#d8bda8 rgb(216,189,168)
```
#dec7b5
```
#dec7b5 rgb(222,199,181)
```
#e4d2c3
```
#e4d2c3 rgb(228,210,195)
```
#eadcd0
```
#eadcd0 rgb(234,220,208)
```
#f0e6de
```
#f0e6de rgb(240,230,222)
```
#f6f0eb
```
#f6f0eb rgb(246,240,235)
```
#fcfbf9
```
#fcfbf9 rgb(252,251,249)
```

Tint Color Variation

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

#858585
```
#858585 rgb(133,133,133)
```
#8e847c
```
#8e847c rgb(142,132,124)
```
#988372
```
#988372 rgb(152,131,114)
```
#a18269
```
#a18269 rgb(161,130,105)
```
#ab815f
```
#ab815f rgb(171,129,95)
```
#b48056
```
#b48056 rgb(180,128,86)
```
#bd7f4d
```
#bd7f4d rgb(189,127,77)
```
#c77e43
```
#c77e43 rgb(199,126,67)
```
#d07d3a
```
#d07d3a rgb(208,125,58)
```
#da7c30
```
#da7c30 rgb(218,124,48)
```
#e37b27
```
#e37b27 rgb(227,123,39)
```
#ec7a1e
```
#ec7a1e rgb(236,122,30)
```
#f67914
```
#f67914 rgb(246,121,20)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#938980 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c9062 Protanopia 1% of men
#ad8b5d Deuteranopia 1% of men
#bb8189 Tritanopia 0.001% of the population

Trichromacy

#a58a5e Protanomaly 1% of men, 0.01% of women
#b0875a Deuteranomaly 6% of men, 0.4% of women
#b88077 Tritanomaly 0.01% of the population

#b48056 hex color

#b48056 Color Information

#b48056 Color Conversion

Color Schemes with #b48056

Alternatives to #b48056

#b48056 Preview

Shades and Tints of #b48056

Tones of #b48056

Color Blindness Simulator