#b48311 hex color

In a RGB color space, hex #b48311 is composed of 70.6% red, 51.4% green and 6.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.2% magenta, 90.6% yellow and 29.4% black. It has a hue angle of 42 degrees, a saturation of 82.7% and a lightness of 38.6%. #b48311 color hex could be obtained by blending #ffff22 with #690700. Closest websafe color is: #cc9900.

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

● #b48311 color description : Strong orange.

The hexadecimal color #b48311 has RGB values of R:180, G:131, B:17 and CMYK values of C:0, M:0.27, Y:0.91, K:0.29. Its decimal value is 11830033.

Hex triplet	b48311	`#b48311`
RGB Decimal	180, 131, 17	`rgb(180,131,17)`
RGB Percent	70.6, 51.4, 6.7	`rgb(70.6%,51.4%,6.7%)`
CMYK	0, 27, 91, 29
HSL	42°, 82.7, 38.6	`hsl(42,82.7%,38.6%)`
HSV (or HSB)	42°, 90.6, 70.6
Web Safe	cc9900	`#cc9900`

CIE-LAB	58.016, 9.813, 60.468
XYZ	27.04, 25.978, 4.12
xyY	0.473, 0.455, 25.978
CIE-LCH	58.016, 61.259, 80.782
CIE-LUV	58.016, 40.911, 57.747
Hunter-Lab	50.969, 5.505, 30.885
Binary	10110100, 10000011, 00010001

#b48311
```
#b48311 rgb(180,131,17)
```
#1142b4
```
#1142b4 rgb(17,66,180)
```

Complementary Color

#b43211
```
#b43211 rgb(180,50,17)
```
#b48311
```
#b48311 rgb(180,131,17)
```
#94b411
```
#94b411 rgb(148,180,17)
```

Analogous Color

#3211b4
```
#3211b4 rgb(50,17,180)
```
#b48311
```
#b48311 rgb(180,131,17)
```
#1194b4
```
#1194b4 rgb(17,148,180)
```

Split Complementary Color

#8311b4
```
#8311b4 rgb(131,17,180)
```
#b48311
```
#b48311 rgb(180,131,17)
```
#11b483
```
#11b483 rgb(17,180,131)
```

Triadic Color

#b41142
```
#b41142 rgb(180,17,66)
```
#b48311
```
#b48311 rgb(180,131,17)
```
#11b483
```
#11b483 rgb(17,180,131)
```
#1142b4
```
#1142b4 rgb(17,66,180)
```

Tetradic Color

#6e500a
```
#6e500a rgb(110,80,10)
```
#85610d
```
#85610d rgb(133,97,13)
```
#9d720f
```
#9d720f rgb(157,114,15)
```
#b48311
```
#b48311 rgb(180,131,17)
```
#cb9413
```
#cb9413 rgb(203,148,19)
```
#e3a515
```
#e3a515 rgb(227,165,21)
```
#ebb027
```
#ebb027 rgb(235,176,39)
```

Monochromatic Color

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

#b45a11
```
#b45a11 rgb(180,90,17)
```
#b46811
```
#b46811 rgb(180,104,17)
```
#b47511
```
#b47511 rgb(180,117,17)
```
#b48311
```
#b48311 rgb(180,131,17)
```
#b49111
```
#b49111 rgb(180,145,17)
```
#b49e11
```
#b49e11 rgb(180,158,17)
```
#b4ac11
```
#b4ac11 rgb(180,172,17)
```

Similar Colors

Text with hexadecimal color #b48311

This text has a font color of #b48311.

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

#b48311 background color

This paragraph has a background color of #b48311.

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

#b48311 border color

This element has a border color of #b48311.

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

CSS codes

.text {color:#b48311;}

.background {background-color:#b48311;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#130e02
```
#130e02 rgb(19,14,2)
```
#251b03
```
#251b03 rgb(37,27,3)
```
#372805
```
#372805 rgb(55,40,5)
```
#483507
```
#483507 rgb(72,53,7)
```
#5a4209
```
#5a4209 rgb(90,66,9)
```
#6c4f0a
```
#6c4f0a rgb(108,79,10)
```
#7e5c0c
```
#7e5c0c rgb(126,92,12)
```
#90690e
```
#90690e rgb(144,105,14)
```
#a2760f
```
#a2760f rgb(162,118,15)
```
#b48311
```
#b48311 rgb(180,131,17)
```
#c69013
```
#c69013 rgb(198,144,19)
```
#d89d14
```
#d89d14 rgb(216,157,20)
```

Shade Color Variation

#e9aa17
```
#e9aa17 rgb(233,170,23)
```
#ebb029
```
#ebb029 rgb(235,176,41)
```
#ecb73b
```
#ecb73b rgb(236,183,59)
```
#eebe4d
```
#eebe4d rgb(238,190,77)
```
#f0c45e
```
#f0c45e rgb(240,196,94)
```
#f2cb70
```
#f2cb70 rgb(242,203,112)
```
#f3d182
```
#f3d182 rgb(243,209,130)
```
#f5d894
```
#f5d894 rgb(245,216,148)
```
#f7dea6
```
#f7dea6 rgb(247,222,166)
```
#f8e5b8
```
#f8e5b8 rgb(248,229,184)
```
#faecca
```
#faecca rgb(250,236,202)
```
#fcf2dc
```
#fcf2dc rgb(252,242,220)
```
#fdf9ee
```
#fdf9ee rgb(253,249,238)
```

Tint Color Variation

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

#68655d
```
#68655d rgb(104,101,93)
```
#706855
```
#706855 rgb(112,104,85)
```
#776b4e
```
#776b4e rgb(119,107,78)
```
#7f6e46
```
#7f6e46 rgb(127,110,70)
```
#87713e
```
#87713e rgb(135,113,62)
```
#8e7437
```
#8e7437 rgb(142,116,55)
```
#96772f
```
#96772f rgb(150,119,47)
```
#9d7a28
```
#9d7a28 rgb(157,122,40)
```
#a57d20
```
#a57d20 rgb(165,125,32)
```
#ac8019
```
#ac8019 rgb(172,128,25)
```
#b48311
```
#b48311 rgb(180,131,17)
```
#bc8609
```
#bc8609 rgb(188,134,9)
```
#c38902
```
#c38902 rgb(195,137,2)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#8e856e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2911f Protanopia 1% of men
#b58a1c Deuteranopia 1% of men
#be8089 Tritanopia 0.001% of the population

Trichromacy

#a98c1a Protanomaly 1% of men, 0.01% of women
#b58718 Deuteranomaly 6% of men, 0.4% of women
#ba815d Tritanomaly 0.01% of the population

#b48311 hex color

#b48311 Color Information

#b48311 Color Conversion

Color Schemes with #b48311

Alternatives to #b48311

#b48311 Preview

Shades and Tints of #b48311

Tones of #b48311

Color Blindness Simulator