#b48b59 hex color

In a RGB color space, hex #b48b59 is composed of 70.6% red, 54.5% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.8% magenta, 50.6% yellow and 29.4% black. It has a hue angle of 33 degrees, a saturation of 37.8% and a lightness of 52.7%. #b48b59 color hex could be obtained by blending #ffffb2 with #691700. Closest websafe color is: #cc9966.

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

● #b48b59 color description : Moderate orange.

The hexadecimal color #b48b59 has RGB values of R:180, G:139, B:89 and CMYK values of C:0, M:0.23, Y:0.51, K:0.29. Its decimal value is 11832153.

Hex triplet	b48b59	`#b48b59`
RGB Decimal	180, 139, 89	`rgb(180,139,89)`
RGB Percent	70.6, 54.5, 34.9	`rgb(70.6%,54.5%,34.9%)`
CMYK	0, 23, 51, 29
HSL	33°, 37.8, 52.7	`hsl(33,37.8%,52.7%)`
HSV (or HSB)	33°, 50.6, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	60.685, 9.355, 32.599
XYZ	29.858, 28.891, 13.455
xyY	0.414, 0.4, 28.891
CIE-LCH	60.685, 33.915, 73.988
CIE-LUV	60.685, 31.024, 37.866
Hunter-Lab	53.75, 5.093, 22.784
Binary	10110100, 10001011, 01011001

#b48b59
```
#b48b59 rgb(180,139,89)
```
#5982b4
```
#5982b4 rgb(89,130,180)
```

Complementary Color

#b45d59
```
#b45d59 rgb(180,93,89)
```
#b48b59
```
#b48b59 rgb(180,139,89)
```
#b0b459
```
#b0b459 rgb(176,180,89)
```

Analogous Color

#5e59b4
```
#5e59b4 rgb(94,89,180)
```
#b48b59
```
#b48b59 rgb(180,139,89)
```
#59b0b4
```
#59b0b4 rgb(89,176,180)
```

Split Complementary Color

#8b59b4
```
#8b59b4 rgb(139,89,180)
```
#b48b59
```
#b48b59 rgb(180,139,89)
```
#59b48b
```
#59b48b rgb(89,180,139)
```

Triadic Color

#b45982
```
#b45982 rgb(180,89,130)
```
#b48b59
```
#b48b59 rgb(180,139,89)
```
#59b48b
```
#59b48b rgb(89,180,139)
```
#5982b4
```
#5982b4 rgb(89,130,180)
```

Tetradic Color

#85643c
```
#85643c rgb(133,100,60)
```
#967144
```
#967144 rgb(150,113,68)
```
#a87e4c
```
#a87e4c rgb(168,126,76)
```
#b48b59
```
#b48b59 rgb(180,139,89)
```
#bc976b
```
#bc976b rgb(188,151,107)
```
#c4a47c
```
#c4a47c rgb(196,164,124)
```
#ccb08e
```
#ccb08e rgb(204,176,142)
```

Monochromatic Color

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

#b47459
```
#b47459 rgb(180,116,89)
```
#b47c59
```
#b47c59 rgb(180,124,89)
```
#b48359
```
#b48359 rgb(180,131,89)
```
#b48b59
```
#b48b59 rgb(180,139,89)
```
#b49359
```
#b49359 rgb(180,147,89)
```
#b49a59
```
#b49a59 rgb(180,154,89)
```
#b4a259
```
#b4a259 rgb(180,162,89)
```

Similar Colors

Text with hexadecimal color #b48b59

This text has a font color of #b48b59.

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

#b48b59 background color

This paragraph has a background color of #b48b59.

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

#b48b59 border color

This element has a border color of #b48b59.

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

CSS codes

.text {color:#b48b59;}

.background {background-color:#b48b59;}

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

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

#0a0704
```
#0a0704 rgb(10,7,4)
```
#17110a
```
#17110a rgb(23,17,10)
```
#251c11
```
#251c11 rgb(37,28,17)
```
#322617
```
#322617 rgb(50,38,23)
```
#40301d
```
#40301d rgb(64,48,29)
```
#4d3a23
```
#4d3a23 rgb(77,58,35)
```
#5b4429
```
#5b4429 rgb(91,68,41)
```
#684e2f
```
#684e2f rgb(104,78,47)
```
#765935
```
#765935 rgb(118,89,53)
```
#83633b
```
#83633b rgb(131,99,59)
```
#916d41
```
#916d41 rgb(145,109,65)
```
#9e7748
```
#9e7748 rgb(158,119,72)
```
#ac814e
```
#ac814e rgb(172,129,78)
```

Shade Color Variation

#b48b59
```
#b48b59 rgb(180,139,89)
```
#ba9467
```
#ba9467 rgb(186,148,103)
```
#c09e74
```
#c09e74 rgb(192,158,116)
```
#c6a782
```
#c6a782 rgb(198,167,130)
```
#ccb18f
```
#ccb18f rgb(204,177,143)
```
#d3ba9d
```
#d3ba9d rgb(211,186,157)
```
#d9c4aa
```
#d9c4aa rgb(217,196,170)
```
#dfcdb8
```
#dfcdb8 rgb(223,205,184)
```
#e5d7c5
```
#e5d7c5 rgb(229,215,197)
```
#ebe0d3
```
#ebe0d3 rgb(235,224,211)
```
#f1e9e0
```
#f1e9e0 rgb(241,233,224)
```
#f7f3ee
```
#f7f3ee rgb(247,243,238)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

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

#8f877e
```
#8f877e rgb(143,135,126)
```
#988875
```
#988875 rgb(152,136,117)
```
#a1896c
```
#a1896c rgb(161,137,108)
```
#ab8a62
```
#ab8a62 rgb(171,138,98)
```
#b48b59
```
#b48b59 rgb(180,139,89)
```
#bd8c50
```
#bd8c50 rgb(189,140,80)
```
#c78d46
```
#c78d46 rgb(199,141,70)
```
#d08e3d
```
#d08e3d rgb(208,142,61)
```
#d98f34
```
#d98f34 rgb(217,143,52)
```
#e2902b
```
#e2902b rgb(226,144,43)
```
#ec9121
```
#ec9121 rgb(236,145,33)
```
#f59118
```
#f59118 rgb(245,145,24)
```
#fe920f
```
#fe920f rgb(254,146,15)
```

Tone Color Variation

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

#a49764 Protanopia 1% of men
#b69161 Deuteranopia 1% of men
#bc8a94 Tritanopia 0.001% of the population

Trichromacy

#aa9360 Protanomaly 1% of men, 0.01% of women
#b58f5e Deuteranomaly 6% of men, 0.4% of women
#b98a7e Tritanomaly 0.01% of the population

#b48b59 hex color

#b48b59 Color Information

#b48b59 Color Conversion

Color Schemes with #b48b59

Alternatives to #b48b59

#b48b59 Preview

Shades and Tints of #b48b59

Tones of #b48b59

Color Blindness Simulator