#b48a21 hex color

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

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

● #b48a21 color description : Strong orange.

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

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

CIE-LAB	59.881, 6.354, 57.543
XYZ	28.186, 27.992, 5.357
xyY	0.458, 0.455, 27.992
CIE-LCH	59.881, 57.893, 83.699
CIE-LUV	59.881, 35.088, 57.956
Hunter-Lab	52.907, 2.507, 31.031
Binary	10110100, 10001010, 00100001

#b48a21
```
#b48a21 rgb(180,138,33)
```
#214bb4
```
#214bb4 rgb(33,75,180)
```

Complementary Color

#b44021
```
#b44021 rgb(180,64,33)
```
#b48a21
```
#b48a21 rgb(180,138,33)
```
#95b421
```
#95b421 rgb(149,180,33)
```

Analogous Color

#4021b4
```
#4021b4 rgb(64,33,180)
```
#b48a21
```
#b48a21 rgb(180,138,33)
```
#2195b4
```
#2195b4 rgb(33,149,180)
```

Split Complementary Color

#8a21b4
```
#8a21b4 rgb(138,33,180)
```
#b48a21
```
#b48a21 rgb(180,138,33)
```
#21b48a
```
#21b48a rgb(33,180,138)
```

Triadic Color

#b4214b
```
#b4214b rgb(180,33,75)
```
#b48a21
```
#b48a21 rgb(180,138,33)
```
#21b48a
```
#21b48a rgb(33,180,138)
```
#214bb4
```
#214bb4 rgb(33,75,180)
```

Tetradic Color

#735815
```
#735815 rgb(115,88,21)
```
#896919
```
#896919 rgb(137,105,25)
```
#9e791d
```
#9e791d rgb(158,121,29)
```
#b48a21
```
#b48a21 rgb(180,138,33)
```
#ca9b25
```
#ca9b25 rgb(202,155,37)
```
#d9a82f
```
#d9a82f rgb(217,168,47)
```
#ddb145
```
#ddb145 rgb(221,177,69)
```

Monochromatic Color

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

#b46521
```
#b46521 rgb(180,101,33)
```
#b47221
```
#b47221 rgb(180,114,33)
```
#b47e21
```
#b47e21 rgb(180,126,33)
```
#b48a21
```
#b48a21 rgb(180,138,33)
```
#b49621
```
#b49621 rgb(180,150,33)
```
#b4a321
```
#b4a321 rgb(180,163,33)
```
#b4af21
```
#b4af21 rgb(180,175,33)
```

Similar Colors

Text with hexadecimal color #b48a21

This text has a font color of #b48a21.

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

#b48a21 background color

This paragraph has a background color of #b48a21.

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

#b48a21 border color

This element has a border color of #b48a21.

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

CSS codes

.text {color:#b48a21;}

.background {background-color:#b48a21;}

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

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)
```
#2f2409
```
#2f2409 rgb(47,36,9)
```
#40310c
```
#40310c rgb(64,49,12)
```
#513e0f
```
#513e0f rgb(81,62,15)
```
#614a12
```
#614a12 rgb(97,74,18)
```
#725715
```
#725715 rgb(114,87,21)
```
#826418
```
#826418 rgb(130,100,24)
```
#93711b
```
#93711b rgb(147,113,27)
```
#a37d1e
```
#a37d1e rgb(163,125,30)
```
#b48a21
```
#b48a21 rgb(180,138,33)
```
#c59724
```
#c59724 rgb(197,151,36)
```
#d5a327
```
#d5a327 rgb(213,163,39)
```

Shade Color Variation

#daab36
```
#daab36 rgb(218,171,54)
```
#ddb246
```
#ddb246 rgb(221,178,70)
```
#e0b957
```
#e0b957 rgb(224,185,87)
```
#e3c067
```
#e3c067 rgb(227,192,103)
```
#e6c778
```
#e6c778 rgb(230,199,120)
```
#e9ce89
```
#e9ce89 rgb(233,206,137)
```
#ecd599
```
#ecd599 rgb(236,213,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 #d59800 is the most saturated one.

#726e63
```
#726e63 rgb(114,110,99)
```
#7b715a
```
#7b715a rgb(123,113,90)
```
#837552
```
#837552 rgb(131,117,82)
```
#8b784a
```
#8b784a rgb(139,120,74)
```
#937c42
```
#937c42 rgb(147,124,66)
```
#9b7f3a
```
#9b7f3a rgb(155,127,58)
```
#a48331
```
#a48331 rgb(164,131,49)
```
#ac8629
```
#ac8629 rgb(172,134,41)
```
#b48a21
```
#b48a21 rgb(180,138,33)
```
#bc8e19
```
#bc8e19 rgb(188,142,25)
```
#c49111
```
#c49111 rgb(196,145,17)
```
#cd9508
```
#cd9508 rgb(205,149,8)
```
#d59800
```
#d59800 rgb(213,152,0)
```

Tone Color Variation

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

#a7962e Protanopia 1% of men
#ba8e2d Deuteranopia 1% of men
#be8790 Tritanopia 0.001% of the population

Trichromacy

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

#b48a21 hex color

#b48a21 Color Information

#b48a21 Color Conversion

Color Schemes with #b48a21

Alternatives to #b48a21

#b48a21 Preview

Shades and Tints of #b48a21

Tones of #b48a21

Color Blindness Simulator