#b48058 hex color

In a RGB color space, hex #b48058 is composed of 70.6% red, 50.2% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.9% magenta, 51.1% yellow and 29.4% black. It has a hue angle of 26.1 degrees, a saturation of 38% and a lightness of 52.5%. #b48058 color hex could be obtained by blending #ffffb0 with #690100. Closest websafe color is: #cc9966.

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

● #b48058 color description : Moderate orange.

The hexadecimal color #b48058 has RGB values of R:180, G:128, B:88 and CMYK values of C:0, M:0.29, Y:0.51, K:0.29. Its decimal value is 11829336.

Hex triplet	b48058	`#b48058`
RGB Decimal	180, 128, 88	`rgb(180,128,88)`
RGB Percent	70.6, 50.2, 34.5	`rgb(70.6%,50.2%,34.5%)`
CMYK	0, 29, 51, 29
HSL	26.1°, 38, 52.5	`hsl(26.1,38%,52.5%)`
HSV (or HSB)	26.1°, 51.1, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	57.892, 15.389, 29.604
XYZ	28.303, 25.848, 12.73
xyY	0.423, 0.386, 25.848
CIE-LCH	57.892, 33.365, 62.534
CIE-LUV	57.892, 38.693, 32.984
Hunter-Lab	50.841, 10.401, 20.742
Binary	10110100, 10000000, 01011000

#b48058
```
#b48058 rgb(180,128,88)
```
#588cb4
```
#588cb4 rgb(88,140,180)
```

Complementary Color

#b4585e
```
#b4585e rgb(180,88,94)
```
#b48058
```
#b48058 rgb(180,128,88)
```
#b4ae58
```
#b4ae58 rgb(180,174,88)
```

Analogous Color

#585eb4
```
#585eb4 rgb(88,94,180)
```
#b48058
```
#b48058 rgb(180,128,88)
```
#58b4ae
```
#58b4ae rgb(88,180,174)
```

Split Complementary Color

#8058b4
```
#8058b4 rgb(128,88,180)
```
#b48058
```
#b48058 rgb(180,128,88)
```
#58b480
```
#58b480 rgb(88,180,128)
```

Triadic Color

#b4588c
```
#b4588c rgb(180,88,140)
```
#b48058
```
#b48058 rgb(180,128,88)
```
#58b480
```
#58b480 rgb(88,180,128)
```
#588cb4
```
#588cb4 rgb(88,140,180)
```

Tetradic Color

#845b3b
```
#845b3b rgb(132,91,59)
```
#966743
```
#966743 rgb(150,103,67)
```
#a7734b
```
#a7734b rgb(167,115,75)
```
#b48058
```
#b48058 rgb(180,128,88)
```
#bc8d6a
```
#bc8d6a rgb(188,141,106)
```
#c49b7b
```
#c49b7b rgb(196,155,123)
```
#cca88d
```
#cca88d rgb(204,168,141)
```

Monochromatic Color

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

#b46958
```
#b46958 rgb(180,105,88)
```
#b47158
```
#b47158 rgb(180,113,88)
```
#b47858
```
#b47858 rgb(180,120,88)
```
#b48058
```
#b48058 rgb(180,128,88)
```
#b48858
```
#b48858 rgb(180,136,88)
```
#b48f58
```
#b48f58 rgb(180,143,88)
```
#b49758
```
#b49758 rgb(180,151,88)
```

Similar Colors

Text with hexadecimal color #b48058

This text has a font color of #b48058.

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

#b48058 background color

This paragraph has a background color of #b48058.

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

#b48058 border color

This element has a border color of #b48058.

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

CSS codes

.text {color:#b48058;}

.background {background-color:#b48058;}

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

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

#090604
```
#090604 rgb(9,6,4)
```
#170f0a
```
#170f0a rgb(23,15,10)
```
#241910
```
#241910 rgb(36,25,16)
```
#322216
```
#322216 rgb(50,34,22)
```
#3f2b1c
```
#3f2b1c rgb(63,43,28)
```
#4d3522
```
#4d3522 rgb(77,53,34)
```
#5a3e29
```
#5a3e29 rgb(90,62,41)
```
#68472f
```
#68472f rgb(104,71,47)
```
#755135
```
#755135 rgb(117,81,53)
```
#835a3b
```
#835a3b rgb(131,90,59)
```
#906341
```
#906341 rgb(144,99,65)
```
#9e6d47
```
#9e6d47 rgb(158,109,71)
```
#ab764d
```
#ab764d rgb(171,118,77)
```

Shade Color Variation

#b48058
```
#b48058 rgb(180,128,88)
```
#ba8a66
```
#ba8a66 rgb(186,138,102)
```
#c09573
```
#c09573 rgb(192,149,115)
```
#c69f81
```
#c69f81 rgb(198,159,129)
```
#cca98e
```
#cca98e rgb(204,169,142)
```
#d2b39c
```
#d2b39c rgb(210,179,156)
```
#d8bea9
```
#d8bea9 rgb(216,190,169)
```
#dfc8b7
```
#dfc8b7 rgb(223,200,183)
```
#e5d2c4
```
#e5d2c4 rgb(229,210,196)
```
#ebddd2
```
#ebddd2 rgb(235,221,210)
```
#f1e7df
```
#f1e7df rgb(241,231,223)
```
#f7f1ed
```
#f7f1ed rgb(247,241,237)
```
#fdfcfa
```
#fdfcfa rgb(253,252,250)
```

Tint Color Variation

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

#8f857d
```
#8f857d rgb(143,133,125)
```
#988474
```
#988474 rgb(152,132,116)
```
#a1826b
```
#a1826b rgb(161,130,107)
```
#ab8161
```
#ab8161 rgb(171,129,97)
```
#b48058
```
#b48058 rgb(180,128,88)
```
#bd7f4f
```
#bd7f4f rgb(189,127,79)
```
#c77e45
```
#c77e45 rgb(199,126,69)
```
#d07c3c
```
#d07c3c rgb(208,124,60)
```
#d97b33
```
#d97b33 rgb(217,123,51)
```
#e37a29
```
#e37a29 rgb(227,122,41)
```
#ec7920
```
#ec7920 rgb(236,121,32)
```
#f57817
```
#f57817 rgb(245,120,23)
```
#fe760e
```
#fe760e rgb(254,118,14)
```

Tone Color Variation

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

Dichromacy

#9c9164 Protanopia 1% of men
#ad8b5f Deuteranopia 1% of men
#bb818a Tritanopia 0.001% of the population

Trichromacy

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

#b48058 hex color

#b48058 Color Information

#b48058 Color Conversion

Color Schemes with #b48058

Alternatives to #b48058

#b48058 Preview

Shades and Tints of #b48058

Tones of #b48058

Color Blindness Simulator