#b48337 hex color

In a RGB color space, hex #b48337 is composed of 70.6% red, 51.4% green and 21.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.2% magenta, 69.4% yellow and 29.4% black. It has a hue angle of 36.5 degrees, a saturation of 53.2% and a lightness of 46.1%. #b48337 color hex could be obtained by blending #ffff6e with #690700. Closest websafe color is: #cc9933.

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

● #b48337 color description : Moderate orange.

The hexadecimal color #b48337 has RGB values of R:180, G:131, B:55 and CMYK values of C:0, M:0.27, Y:0.69, K:0.29. Its decimal value is 11830071.

Hex triplet	b48337	`#b48337`
RGB Decimal	180, 131, 55	`rgb(180,131,55)`
RGB Percent	70.6, 51.4, 21.6	`rgb(70.6%,51.4%,21.6%)`
CMYK	0, 27, 69, 29
HSL	36.5°, 53.2, 46.1	`hsl(36.5,53.2%,46.1%)`
HSV (or HSB)	36.5°, 69.4, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	58.239, 11.22, 47.052
XYZ	27.629, 26.213, 7.219
xyY	0.452, 0.429, 26.213
CIE-LCH	58.239, 48.371, 76.587
CIE-LUV	58.239, 39.309, 49.086
Hunter-Lab	51.199, 6.727, 27.48
Binary	10110100, 10000011, 00110111

#b48337
```
#b48337 rgb(180,131,55)
```
#3768b4
```
#3768b4 rgb(55,104,180)
```

Complementary Color

#b44537
```
#b44537 rgb(180,69,55)
```
#b48337
```
#b48337 rgb(180,131,55)
```
#a7b437
```
#a7b437 rgb(167,180,55)
```

Analogous Color

#4437b4
```
#4437b4 rgb(68,55,180)
```
#b48337
```
#b48337 rgb(180,131,55)
```
#37a7b4
```
#37a7b4 rgb(55,167,180)
```

Split Complementary Color

#8337b4
```
#8337b4 rgb(131,55,180)
```
#b48337
```
#b48337 rgb(180,131,55)
```
#37b483
```
#37b483 rgb(55,180,131)
```

Triadic Color

#b43768
```
#b43768 rgb(180,55,104)
```
#b48337
```
#b48337 rgb(180,131,55)
```
#37b483
```
#37b483 rgb(55,180,131)
```
#3768b4
```
#3768b4 rgb(55,104,180)
```

Tetradic Color

#795825
```
#795825 rgb(121,88,37)
```
#8d672b
```
#8d672b rgb(141,103,43)
```
#a07531
```
#a07531 rgb(160,117,49)
```
#b48337
```
#b48337 rgb(180,131,55)
```
#c59140
```
#c59140 rgb(197,145,64)
```
#cb9c53
```
#cb9c53 rgb(203,156,83)
```
#d1a767
```
#d1a767 rgb(209,167,103)
```

Monochromatic Color

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

#b46437
```
#b46437 rgb(180,100,55)
```
#b46e37
```
#b46e37 rgb(180,110,55)
```
#b47937
```
#b47937 rgb(180,121,55)
```
#b48337
```
#b48337 rgb(180,131,55)
```
#b48d37
```
#b48d37 rgb(180,141,55)
```
#b49837
```
#b49837 rgb(180,152,55)
```
#b4a237
```
#b4a237 rgb(180,162,55)
```

Similar Colors

Text with hexadecimal color #b48337

This text has a font color of #b48337.

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

#b48337 background color

This paragraph has a background color of #b48337.

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

#b48337 border color

This element has a border color of #b48337.

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

CSS codes

.text {color:#b48337;}

.background {background-color:#b48337;}

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

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

#0f0b05
```
#0f0b05 rgb(15,11,5)
```
#1e1609
```
#1e1609 rgb(30,22,9)
```
#2d210e
```
#2d210e rgb(45,33,14)
```
#3c2c12
```
#3c2c12 rgb(60,44,18)
```
#4b3617
```
#4b3617 rgb(75,54,23)
```
#5a411b
```
#5a411b rgb(90,65,27)
```
#694c20
```
#694c20 rgb(105,76,32)
```
#785725
```
#785725 rgb(120,87,37)
```
#876229
```
#876229 rgb(135,98,41)
```
#966d2e
```
#966d2e rgb(150,109,46)
```
#a57832
```
#a57832 rgb(165,120,50)
```
#b48337
```
#b48337 rgb(180,131,55)
```
#c38e3c
```
#c38e3c rgb(195,142,60)
```

Shade Color Variation

#c8974a
```
#c8974a rgb(200,151,74)
```
#cc9f59
```
#cc9f59 rgb(204,159,89)
```
#d1a868
```
#d1a868 rgb(209,168,104)
```
#d6b177
```
#d6b177 rgb(214,177,119)
```
#dab987
```
#dab987 rgb(218,185,135)
```
#dfc296
```
#dfc296 rgb(223,194,150)
```
#e3cba5
```
#e3cba5 rgb(227,203,165)
```
#e8d3b4
```
#e8d3b4 rgb(232,211,180)
```
#eddcc3
```
#eddcc3 rgb(237,220,195)
```
#f1e5d2
```
#f1e5d2 rgb(241,229,210)
```
#f6ede1
```
#f6ede1 rgb(246,237,225)
```
#faf6f0
```
#faf6f0 rgb(250,246,240)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7e776d
```
#7e776d rgb(126,119,109)
```
#877964
```
#877964 rgb(135,121,100)
```
#907b5b
```
#907b5b rgb(144,123,91)
```
#997d52
```
#997d52 rgb(153,125,82)
```
#a27f49
```
#a27f49 rgb(162,127,73)
```
#ab8140
```
#ab8140 rgb(171,129,64)
```
#b48337
```
#b48337 rgb(180,131,55)
```
#bd852e
```
#bd852e rgb(189,133,46)
```
#c68725
```
#c68725 rgb(198,135,37)
```
#cf891c
```
#cf891c rgb(207,137,28)
```
#d88b13
```
#d88b13 rgb(216,139,19)
```
#e18d0a
```
#e18d0a rgb(225,141,10)
```
#ea8f01
```
#ea8f01 rgb(234,143,1)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#928879 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19243 Protanopia 1% of men
#b38b40 Deuteranopia 1% of men
#bd818a Tritanopia 0.001% of the population

Trichromacy

#a88c3f Protanomaly 1% of men, 0.01% of women
#b3883d Deuteranomaly 6% of men, 0.4% of women
#ba826c Tritanomaly 0.01% of the population

#b48337 hex color

#b48337 Color Information

#b48337 Color Conversion

Color Schemes with #b48337

Alternatives to #b48337

#b48337 Preview

Shades and Tints of #b48337

Tones of #b48337

Color Blindness Simulator