#b48b21 hex color

In a RGB color space, hex #b48b21 is composed of 70.6% red, 54.5% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.8% magenta, 81.7% yellow and 29.4% black. It has a hue angle of 43.3 degrees, a saturation of 69% and a lightness of 41.8%. #b48b21 color hex could be obtained by blending #ffff42 with #691700. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 71
- G 55
- B 13
RGB color chart
- C 0
- M 23
- Y 82
- K 29
CMYK color chart

● #b48b21 color description : Strong orange.

The hexadecimal color #b48b21 has RGB values of R:180, G:139, B:33 and CMYK values of C:0, M:0.23, Y:0.82, K:0.29. Its decimal value is 11832097.

Hex triplet	b48b21	`#b48b21`
RGB Decimal	180, 139, 33	`rgb(180,139,33)`
RGB Percent	70.6, 54.5, 12.9	`rgb(70.6%,54.5%,12.9%)`
CMYK	0, 23, 82, 29
HSL	43.3°, 69, 41.8	`hsl(43.3,69%,41.8%)`
HSV (or HSB)	43.3°, 81.7, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	60.141, 5.802, 57.773
XYZ	28.33, 28.28, 5.405
xyY	0.457, 0.456, 28.28
CIE-LCH	60.141, 58.063, 84.265
CIE-LUV	60.141, 34.333, 58.359
Hunter-Lab	53.179, 2.03, 31.199
Binary	10110100, 10001011, 00100001

#b48b21
```
#b48b21 rgb(180,139,33)
```
#214ab4
```
#214ab4 rgb(33,74,180)
```

Complementary Color

#b44221
```
#b44221 rgb(180,66,33)
```
#b48b21
```
#b48b21 rgb(180,139,33)
```
#94b421
```
#94b421 rgb(148,180,33)
```

Analogous Color

#4221b4
```
#4221b4 rgb(66,33,180)
```
#b48b21
```
#b48b21 rgb(180,139,33)
```
#2194b4
```
#2194b4 rgb(33,148,180)
```

Split Complementary Color

#8b21b4
```
#8b21b4 rgb(139,33,180)
```
#b48b21
```
#b48b21 rgb(180,139,33)
```
#21b48b
```
#21b48b rgb(33,180,139)
```

Triadic Color

#b4214a
```
#b4214a rgb(180,33,74)
```
#b48b21
```
#b48b21 rgb(180,139,33)
```
#21b48b
```
#21b48b rgb(33,180,139)
```
#214ab4
```
#214ab4 rgb(33,74,180)
```

Tetradic Color

#735915
```
#735915 rgb(115,89,21)
```
#896a19
```
#896a19 rgb(137,106,25)
```
#9e7a1d
```
#9e7a1d rgb(158,122,29)
```
#b48b21
```
#b48b21 rgb(180,139,33)
```
#ca9c25
```
#ca9c25 rgb(202,156,37)
```
#d9aa2f
```
#d9aa2f rgb(217,170,47)
```
#ddb245
```
#ddb245 rgb(221,178,69)
```

Monochromatic Color

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

#b46621
```
#b46621 rgb(180,102,33)
```
#b47321
```
#b47321 rgb(180,115,33)
```
#b47f21
```
#b47f21 rgb(180,127,33)
```
#b48b21
```
#b48b21 rgb(180,139,33)
```
#b49721
```
#b49721 rgb(180,151,33)
```
#b4a421
```
#b4a421 rgb(180,164,33)
```
#b4b021
```
#b4b021 rgb(180,176,33)
```

Similar Colors

Text with hexadecimal color #b48b21

This text has a font color of #b48b21.

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

#b48b21 background color

This paragraph has a background color of #b48b21.

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

#b48b21 border color

This element has a border color of #b48b21.

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

CSS codes

.text {color:#b48b21;}

.background {background-color:#b48b21;}

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

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

#0e0b03
```
#0e0b03 rgb(14,11,3)
```
#1f1806
```
#1f1806 rgb(31,24,6)
```
#2f2509
```
#2f2509 rgb(47,37,9)
```
#40310c
```
#40310c rgb(64,49,12)
```
#513e0f
```
#513e0f rgb(81,62,15)
```
#614b12
```
#614b12 rgb(97,75,18)
```
#725815
```
#725815 rgb(114,88,21)
```
#826518
```
#826518 rgb(130,101,24)
```
#93711b
```
#93711b rgb(147,113,27)
```
#a37e1e
```
#a37e1e rgb(163,126,30)
```
#b48b21
```
#b48b21 rgb(180,139,33)
```
#c59824
```
#c59824 rgb(197,152,36)
```
#d5a527
```
#d5a527 rgb(213,165,39)
```

Shade Color Variation

#daac36
```
#daac36 rgb(218,172,54)
```
#ddb346
```
#ddb346 rgb(221,179,70)
```
#e0ba57
```
#e0ba57 rgb(224,186,87)
```
#e3c167
```
#e3c167 rgb(227,193,103)
```
#e6c878
```
#e6c878 rgb(230,200,120)
```
#e9ce89
```
#e9ce89 rgb(233,206,137)
```
#ecd599
```
#ecd599 rgb(236,213,153)
```
#efdcaa
```
#efdcaa rgb(239,220,170)
```
#f2e3ba
```
#f2e3ba rgb(242,227,186)
```
#f5eacb
```
#f5eacb rgb(245,234,203)
```
#f8f0dc
```
#f8f0dc rgb(248,240,220)
```
#fcf7ec
```
#fcf7ec rgb(252,247,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#726e63
```
#726e63 rgb(114,110,99)
```
#7b725a
```
#7b725a rgb(123,114,90)
```
#837552
```
#837552 rgb(131,117,82)
```
#8b794a
```
#8b794a rgb(139,121,74)
```
#937d42
```
#937d42 rgb(147,125,66)
```
#9b803a
```
#9b803a rgb(155,128,58)
```
#a48431
```
#a48431 rgb(164,132,49)
```
#ac8729
```
#ac8729 rgb(172,135,41)
```
#b48b21
```
#b48b21 rgb(180,139,33)
```
#bc8f19
```
#bc8f19 rgb(188,143,25)
```
#c49211
```
#c49211 rgb(196,146,17)
```
#cd9608
```
#cd9608 rgb(205,150,8)
```
#d59900
```
#d59900 rgb(213,153,0)
```

Tone Color Variation

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

Dichromacy

#a8962e Protanopia 1% of men
#bb8f2d Deuteranopia 1% of men
#be8791 Tritanopia 0.001% of the population

Trichromacy

#ac9229 Protanomaly 1% of men, 0.01% of women
#b88d28 Deuteranomaly 6% of men, 0.4% of women
#ba8968 Tritanomaly 0.01% of the population

#b48b21 hex color

#b48b21 Color Information

#b48b21 Color Conversion

Color Schemes with #b48b21

Alternatives to #b48b21

#b48b21 Preview

Shades and Tints of #b48b21

Tones of #b48b21

Color Blindness Simulator