#b48821 hex color

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

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

● #b48821 color description : Strong orange.

The hexadecimal color #b48821 has RGB values of R:180, G:136, B:33 and CMYK values of C:0, M:0.24, Y:0.82, K:0.29. Its decimal value is 11831329.

Hex triplet	b48821	`#b48821`
RGB Decimal	180, 136, 33	`rgb(180,136,33)`
RGB Percent	70.6, 53.3, 12.9	`rgb(70.6%,53.3%,12.9%)`
CMYK	0, 24, 82, 29
HSL	42°, 69, 41.8	`hsl(42,69%,41.8%)`
HSV (or HSB)	42°, 81.7, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	59.364, 7.459, 57.086
XYZ	27.902, 27.423, 5.262
xyY	0.461, 0.453, 27.423
CIE-LCH	59.364, 57.571, 82.556
CIE-LUV	59.364, 36.604, 57.151
Hunter-Lab	52.367, 3.464, 30.699
Binary	10110100, 10001000, 00100001

#b48821
```
#b48821 rgb(180,136,33)
```
#214db4
```
#214db4 rgb(33,77,180)
```

Complementary Color

#b43f21
```
#b43f21 rgb(180,63,33)
```
#b48821
```
#b48821 rgb(180,136,33)
```
#97b421
```
#97b421 rgb(151,180,33)
```

Analogous Color

#3f21b4
```
#3f21b4 rgb(63,33,180)
```
#b48821
```
#b48821 rgb(180,136,33)
```
#2197b4
```
#2197b4 rgb(33,151,180)
```

Split Complementary Color

#8821b4
```
#8821b4 rgb(136,33,180)
```
#b48821
```
#b48821 rgb(180,136,33)
```
#21b488
```
#21b488 rgb(33,180,136)
```

Triadic Color

#b4214d
```
#b4214d rgb(180,33,77)
```
#b48821
```
#b48821 rgb(180,136,33)
```
#21b488
```
#21b488 rgb(33,180,136)
```
#214db4
```
#214db4 rgb(33,77,180)
```

Tetradic Color

#735715
```
#735715 rgb(115,87,21)
```
#896719
```
#896719 rgb(137,103,25)
```
#9e781d
```
#9e781d rgb(158,120,29)
```
#b48821
```
#b48821 rgb(180,136,33)
```
#ca9825
```
#ca9825 rgb(202,152,37)
```
#d9a62f
```
#d9a62f rgb(217,166,47)
```
#ddaf45
```
#ddaf45 rgb(221,175,69)
```

Monochromatic Color

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

#b46321
```
#b46321 rgb(180,99,33)
```
#b47021
```
#b47021 rgb(180,112,33)
```
#b47c21
```
#b47c21 rgb(180,124,33)
```
#b48821
```
#b48821 rgb(180,136,33)
```
#b49421
```
#b49421 rgb(180,148,33)
```
#b4a121
```
#b4a121 rgb(180,161,33)
```
#b4ad21
```
#b4ad21 rgb(180,173,33)
```

Similar Colors

Text with hexadecimal color #b48821

This text has a font color of #b48821.

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

#b48821 background color

This paragraph has a background color of #b48821.

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

#b48821 border color

This element has a border color of #b48821.

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

CSS codes

.text {color:#b48821;}

.background {background-color:#b48821;}

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

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)
```
#1f1706
```
#1f1706 rgb(31,23,6)
```
#2f2409
```
#2f2409 rgb(47,36,9)
```
#40300c
```
#40300c rgb(64,48,12)
```
#513d0f
```
#513d0f rgb(81,61,15)
```
#614912
```
#614912 rgb(97,73,18)
```
#725615
```
#725615 rgb(114,86,21)
```
#826218
```
#826218 rgb(130,98,24)
```
#936f1b
```
#936f1b rgb(147,111,27)
```
#a37b1e
```
#a37b1e rgb(163,123,30)
```
#b48821
```
#b48821 rgb(180,136,33)
```
#c59524
```
#c59524 rgb(197,149,36)
```
#d5a127
```
#d5a127 rgb(213,161,39)
```

Shade Color Variation

#daa936
```
#daa936 rgb(218,169,54)
```
#ddb046
```
#ddb046 rgb(221,176,70)
```
#e0b757
```
#e0b757 rgb(224,183,87)
```
#e3be67
```
#e3be67 rgb(227,190,103)
```
#e6c578
```
#e6c578 rgb(230,197,120)
```
#e9cc89
```
#e9cc89 rgb(233,204,137)
```
#ecd399
```
#ecd399 rgb(236,211,153)
```
#efdbaa
```
#efdbaa rgb(239,219,170)
```
#f2e2ba
```
#f2e2ba rgb(242,226,186)
```
#f5e9cb
```
#f5e9cb rgb(245,233,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 #d59500 is the most saturated one.

#726e63
```
#726e63 rgb(114,110,99)
```
#7b715a
```
#7b715a rgb(123,113,90)
```
#837452
```
#837452 rgb(131,116,82)
```
#8b784a
```
#8b784a rgb(139,120,74)
```
#937b42
```
#937b42 rgb(147,123,66)
```
#9b7e3a
```
#9b7e3a rgb(155,126,58)
```
#a48131
```
#a48131 rgb(164,129,49)
```
#ac8529
```
#ac8529 rgb(172,133,41)
```
#b48821
```
#b48821 rgb(180,136,33)
```
#bc8b19
```
#bc8b19 rgb(188,139,25)
```
#c48f11
```
#c48f11 rgb(196,143,17)
```
#cd9208
```
#cd9208 rgb(205,146,8)
```
#d59500
```
#d59500 rgb(213,149,0)
```

Tone Color Variation

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

Dichromacy

#a6952e Protanopia 1% of men
#b98d2c Deuteranopia 1% of men
#be858e Tritanopia 0.001% of the population

Trichromacy

#ab9029 Protanomaly 1% of men, 0.01% of women
#b78b28 Deuteranomaly 6% of men, 0.4% of women
#ba8666 Tritanomaly 0.01% of the population

#b48821 hex color

#b48821 Color Information

#b48821 Color Conversion

Color Schemes with #b48821

Alternatives to #b48821

#b48821 Preview

Shades and Tints of #b48821

Tones of #b48821

Color Blindness Simulator