#b48336 hex color

In a RGB color space, hex #b48336 is composed of 70.6% red, 51.4% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.2% magenta, 70% yellow and 29.4% black. It has a hue angle of 36.7 degrees, a saturation of 53.8% and a lightness of 45.9%. #b48336 color hex could be obtained by blending #ffff6c with #690700. Closest websafe color is: #cc9933.

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

● #b48336 color description : Moderate orange.

The hexadecimal color #b48336 has RGB values of R:180, G:131, B:54 and CMYK values of C:0, M:0.27, Y:0.7, K:0.29. Its decimal value is 11830070.

Hex triplet	b48336	`#b48336`
RGB Decimal	180, 131, 54	`rgb(180,131,54)`
RGB Percent	70.6, 51.4, 21.2	`rgb(70.6%,51.4%,21.2%)`
CMYK	0, 27, 70, 29
HSL	36.7°, 53.8, 45.9	`hsl(36.7,53.8%,45.9%)`
HSV (or HSB)	36.7°, 70, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	58.23, 11.164, 47.506
XYZ	27.605, 26.204, 7.094
xyY	0.453, 0.43, 26.204
CIE-LCH	58.23, 48.8, 76.775
CIE-LUV	58.23, 39.372, 49.427
Hunter-Lab	51.19, 6.678, 27.616
Binary	10110100, 10000011, 00110110

#b48336
```
#b48336 rgb(180,131,54)
```
#3667b4
```
#3667b4 rgb(54,103,180)
```

Complementary Color

#b44436
```
#b44436 rgb(180,68,54)
```
#b48336
```
#b48336 rgb(180,131,54)
```
#a6b436
```
#a6b436 rgb(166,180,54)
```

Analogous Color

#4436b4
```
#4436b4 rgb(68,54,180)
```
#b48336
```
#b48336 rgb(180,131,54)
```
#36a6b4
```
#36a6b4 rgb(54,166,180)
```

Split Complementary Color

#8336b4
```
#8336b4 rgb(131,54,180)
```
#b48336
```
#b48336 rgb(180,131,54)
```
#36b483
```
#36b483 rgb(54,180,131)
```

Triadic Color

#b43667
```
#b43667 rgb(180,54,103)
```
#b48336
```
#b48336 rgb(180,131,54)
```
#36b483
```
#36b483 rgb(54,180,131)
```
#3667b4
```
#3667b4 rgb(54,103,180)
```

Tetradic Color

#795824
```
#795824 rgb(121,88,36)
```
#8d662a
```
#8d662a rgb(141,102,42)
```
#a07530
```
#a07530 rgb(160,117,48)
```
#b48336
```
#b48336 rgb(180,131,54)
```
#c5913e
```
#c5913e rgb(197,145,62)
```
#cb9c52
```
#cb9c52 rgb(203,156,82)
```
#d1a766
```
#d1a766 rgb(209,167,102)
```

Monochromatic Color

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

#b46436
```
#b46436 rgb(180,100,54)
```
#b46e36
```
#b46e36 rgb(180,110,54)
```
#b47936
```
#b47936 rgb(180,121,54)
```
#b48336
```
#b48336 rgb(180,131,54)
```
#b48e36
```
#b48e36 rgb(180,142,54)
```
#b49836
```
#b49836 rgb(180,152,54)
```
#b4a336
```
#b4a336 rgb(180,163,54)
```

Similar Colors

Text with hexadecimal color #b48336

This text has a font color of #b48336.

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

#b48336 background color

This paragraph has a background color of #b48336.

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

#b48336 border color

This element has a border color of #b48336.

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

CSS codes

.text {color:#b48336;}

.background {background-color:#b48336;}

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

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

#0e0a04
```
#0e0a04 rgb(14,10,4)
```
#1d1509
```
#1d1509 rgb(29,21,9)
```
#2c200d
```
#2c200d rgb(44,32,13)
```
#3b2b12
```
#3b2b12 rgb(59,43,18)
```
#4a3616
```
#4a3616 rgb(74,54,22)
```
#59411b
```
#59411b rgb(89,65,27)
```
#694c1f
```
#694c1f rgb(105,76,31)
```
#785724
```
#785724 rgb(120,87,36)
```
#876228
```
#876228 rgb(135,98,40)
```
#966d2d
```
#966d2d rgb(150,109,45)
```
#a57831
```
#a57831 rgb(165,120,49)
```
#b48336
```
#b48336 rgb(180,131,54)
```
#c38e3b
```
#c38e3b rgb(195,142,59)
```

Shade Color Variation

#c89749
```
#c89749 rgb(200,151,73)
```
#cd9f58
```
#cd9f58 rgb(205,159,88)
```
#d1a867
```
#d1a867 rgb(209,168,103)
```
#d6b176
```
#d6b176 rgb(214,177,118)
```
#dab985
```
#dab985 rgb(218,185,133)
```
#dfc294
```
#dfc294 rgb(223,194,148)
```
#e4cba3
```
#e4cba3 rgb(228,203,163)
```
#e8d3b2
```
#e8d3b2 rgb(232,211,178)
```
#eddcc2
```
#eddcc2 rgb(237,220,194)
```
#f1e4d1
```
#f1e4d1 rgb(241,228,209)
```
#f6ede0
```
#f6ede0 rgb(246,237,224)
```
#faf6ef
```
#faf6ef rgb(250,246,239)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#7e776c
```
#7e776c rgb(126,119,108)
```
#877963
```
#877963 rgb(135,121,99)
```
#907b5a
```
#907b5a rgb(144,123,90)
```
#997d51
```
#997d51 rgb(153,125,81)
```
#a27f48
```
#a27f48 rgb(162,127,72)
```
#ab813f
```
#ab813f rgb(171,129,63)
```
#b48336
```
#b48336 rgb(180,131,54)
```
#bd852d
```
#bd852d rgb(189,133,45)
```
#c68724
```
#c68724 rgb(198,135,36)
```
#cf891b
```
#cf891b rgb(207,137,27)
```
#d88b12
```
#d88b12 rgb(216,139,18)
```
#e18d09
```
#e18d09 rgb(225,141,9)
```
#ea8f00
```
#ea8f00 rgb(234,143,0)
```

Tone Color Variation

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

Dichromacy

#a19242 Protanopia 1% of men
#b38b3f Deuteranopia 1% of men
#bd818a Tritanopia 0.001% of the population

Trichromacy

#a88c3e Protanomaly 1% of men, 0.01% of women
#b3883c Deuteranomaly 6% of men, 0.4% of women
#ba826b Tritanomaly 0.01% of the population

#b48336 hex color

#b48336 Color Information

#b48336 Color Conversion

Color Schemes with #b48336

Alternatives to #b48336

#b48336 Preview

Shades and Tints of #b48336

Tones of #b48336

Color Blindness Simulator