#b48555 hex color

In a RGB color space, hex #b48555 is composed of 70.6% red, 52.2% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.1% magenta, 52.8% yellow and 29.4% black. It has a hue angle of 30.3 degrees, a saturation of 38.8% and a lightness of 52%. #b48555 color hex could be obtained by blending #ffffaa with #690b00. Closest websafe color is: #cc9966.

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

● #b48555 color description : Moderate orange.

The hexadecimal color #b48555 has RGB values of R:180, G:133, B:85 and CMYK values of C:0, M:0.26, Y:0.53, K:0.29. Its decimal value is 11830613.

Hex triplet	b48555	`#b48555`
RGB Decimal	180, 133, 85	`rgb(180,133,85)`
RGB Percent	70.6, 52.2, 33.3	`rgb(70.6%,52.2%,33.3%)`
CMYK	0, 26, 53, 29
HSL	30.3°, 38.8, 52	`hsl(30.3,38.8%,52%)`
HSV (or HSB)	30.3°, 52.8, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	59.1, 12.32, 32.769
XYZ	28.85, 27.136, 12.312
xyY	0.422, 0.397, 27.136
CIE-LCH	59.1, 35.008, 69.396
CIE-LUV	59.1, 35.515, 37.019
Hunter-Lab	52.092, 7.697, 22.451
Binary	10110100, 10000101, 01010101

#b48555
```
#b48555 rgb(180,133,85)
```
#5584b4
```
#5584b4 rgb(85,132,180)
```

Complementary Color

#b45655
```
#b45655 rgb(180,86,85)
```
#b48555
```
#b48555 rgb(180,133,85)
```
#b4b455
```
#b4b455 rgb(180,180,85)
```

Analogous Color

#5555b4
```
#5555b4 rgb(85,85,180)
```
#b48555
```
#b48555 rgb(180,133,85)
```
#55b4b4
```
#55b4b4 rgb(85,180,180)
```

Split Complementary Color

#8555b4
```
#8555b4 rgb(133,85,180)
```
#b48555
```
#b48555 rgb(180,133,85)
```
#55b485
```
#55b485 rgb(85,180,133)
```

Triadic Color

#b45584
```
#b45584 rgb(180,85,132)
```
#b48555
```
#b48555 rgb(180,133,85)
```
#55b485
```
#55b485 rgb(85,180,133)
```
#5584b4
```
#5584b4 rgb(85,132,180)
```

Tetradic Color

#835f3a
```
#835f3a rgb(131,95,58)
```
#946b42
```
#946b42 rgb(148,107,66)
```
#a67849
```
#a67849 rgb(166,120,73)
```
#b48555
```
#b48555 rgb(180,133,85)
```
#bc9267
```
#bc9267 rgb(188,146,103)
```
#c49e78
```
#c49e78 rgb(196,158,120)
```
#cbab8a
```
#cbab8a rgb(203,171,138)
```

Monochromatic Color

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

#b46d55
```
#b46d55 rgb(180,109,85)
```
#b47555
```
#b47555 rgb(180,117,85)
```
#b47d55
```
#b47d55 rgb(180,125,85)
```
#b48555
```
#b48555 rgb(180,133,85)
```
#b48d55
```
#b48d55 rgb(180,141,85)
```
#b49555
```
#b49555 rgb(180,149,85)
```
#b49d55
```
#b49d55 rgb(180,157,85)
```

Similar Colors

Text with hexadecimal color #b48555

This text has a font color of #b48555.

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

#b48555 background color

This paragraph has a background color of #b48555.

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

#b48555 border color

This element has a border color of #b48555.

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

CSS codes

.text {color:#b48555;}

.background {background-color:#b48555;}

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

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

#070503
```
#070503 rgb(7,5,3)
```
#150f09
```
#150f09 rgb(21,15,9)
```
#22190f
```
#22190f rgb(34,25,15)
```
#302315
```
#302315 rgb(48,35,21)
```
#3d2c1b
```
#3d2c1b rgb(61,44,27)
```
#4b3621
```
#4b3621 rgb(75,54,33)
```
#594027
```
#594027 rgb(89,64,39)
```
#664a2d
```
#664a2d rgb(102,74,45)
```
#745433
```
#745433 rgb(116,84,51)
```
#815e39
```
#815e39 rgb(129,94,57)
```
#8f673f
```
#8f673f rgb(143,103,63)
```
#9d7145
```
#9d7145 rgb(157,113,69)
```
#aa7b4b
```
#aa7b4b rgb(170,123,75)
```

Shade Color Variation

#b48555
```
#b48555 rgb(180,133,85)
```
#ba8f63
```
#ba8f63 rgb(186,143,99)
```
#c09970
```
#c09970 rgb(192,153,112)
```
#c6a27e
```
#c6a27e rgb(198,162,126)
```
#ccac8b
```
#ccac8b rgb(204,172,139)
```
#d2b699
```
#d2b699 rgb(210,182,153)
```
#d8c0a7
```
#d8c0a7 rgb(216,192,167)
```
#dec9b4
```
#dec9b4 rgb(222,201,180)
```
#e4d3c2
```
#e4d3c2 rgb(228,211,194)
```
#eaddcf
```
#eaddcf rgb(234,221,207)
```
#f0e7dd
```
#f0e7dd rgb(240,231,221)
```
#f6f0eb
```
#f6f0eb rgb(246,240,235)
```
#fcfaf8
```
#fcfaf8 rgb(252,250,248)
```

Tint Color Variation

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

#858584
```
#858584 rgb(133,133,132)
```
#8e857b
```
#8e857b rgb(142,133,123)
```
#988571
```
#988571 rgb(152,133,113)
```
#a18568
```
#a18568 rgb(161,133,104)
```
#ab855e
```
#ab855e rgb(171,133,94)
```
#b48555
```
#b48555 rgb(180,133,85)
```
#bd854c
```
#bd854c rgb(189,133,76)
```
#c78542
```
#c78542 rgb(199,133,66)
```
#d08539
```
#d08539 rgb(208,133,57)
```
#da852f
```
#da852f rgb(218,133,47)
```
#e38526
```
#e38526 rgb(227,133,38)
```
#ed861c
```
#ed861c rgb(237,134,28)
```
#f68613
```
#f68613 rgb(246,134,19)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#968c83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09460 Protanopia 1% of men
#b28d5d Deuteranopia 1% of men
#bc858e Tritanopia 0.001% of the population

Trichromacy

#a78e5c Protanomaly 1% of men, 0.01% of women
#b28a5a Deuteranomaly 6% of men, 0.4% of women
#b98579 Tritanomaly 0.01% of the population

#b48555 hex color

#b48555 Color Information

#b48555 Color Conversion

Color Schemes with #b48555

Alternatives to #b48555

#b48555 Preview

Shades and Tints of #b48555

Tones of #b48555

Color Blindness Simulator