#b48020 hex color

In a RGB color space, hex #b48020 is composed of 70.6% red, 50.2% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.9% magenta, 82.2% yellow and 29.4% black. It has a hue angle of 38.9 degrees, a saturation of 69.8% and a lightness of 41.6%. #b48020 color hex could be obtained by blending #ffff40 with #690100. Closest websafe color is: #cc9933.

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

● #b48020 color description : Strong orange.

The hexadecimal color #b48020 has RGB values of R:180, G:128, B:32 and CMYK values of C:0, M:0.29, Y:0.82, K:0.29. Its decimal value is 11829280.

Hex triplet	b48020	`#b48020`
RGB Decimal	180, 128, 32	`rgb(180,128,32)`
RGB Percent	70.6, 50.2, 12.5	`rgb(70.6%,50.2%,12.5%)`
CMYK	0, 29, 82, 29
HSL	38.9°, 69.8, 41.6	`hsl(38.9,69.8%,41.6%)`
HSV (or HSB)	38.9°, 82.2, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	57.316, 11.866, 55.617
XYZ	26.803, 25.248, 4.828
xyY	0.471, 0.444, 25.248
CIE-LCH	57.316, 56.869, 77.957
CIE-LUV	57.316, 42.788, 54.156
Hunter-Lab	50.247, 7.284, 29.476
Binary	10110100, 10000000, 00100000

#b48020
```
#b48020 rgb(180,128,32)
```
#2054b4
```
#2054b4 rgb(32,84,180)
```

Complementary Color

#b43620
```
#b43620 rgb(180,54,32)
```
#b48020
```
#b48020 rgb(180,128,32)
```
#9eb420
```
#9eb420 rgb(158,180,32)
```

Analogous Color

#3620b4
```
#3620b4 rgb(54,32,180)
```
#b48020
```
#b48020 rgb(180,128,32)
```
#209eb4
```
#209eb4 rgb(32,158,180)
```

Split Complementary Color

#8020b4
```
#8020b4 rgb(128,32,180)
```
#b48020
```
#b48020 rgb(180,128,32)
```
#20b480
```
#20b480 rgb(32,180,128)
```

Triadic Color

#b42054
```
#b42054 rgb(180,32,84)
```
#b48020
```
#b48020 rgb(180,128,32)
```
#20b480
```
#20b480 rgb(32,180,128)
```
#2054b4
```
#2054b4 rgb(32,84,180)
```

Tetradic Color

#735214
```
#735214 rgb(115,82,20)
```
#896118
```
#896118 rgb(137,97,24)
```
#9e711c
```
#9e711c rgb(158,113,28)
```
#b48020
```
#b48020 rgb(180,128,32)
```
#ca8f24
```
#ca8f24 rgb(202,143,36)
```
#da9d2d
```
#da9d2d rgb(218,157,45)
```
#dea743
```
#dea743 rgb(222,167,67)
```

Monochromatic Color

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

#b45b20
```
#b45b20 rgb(180,91,32)
```
#b46720
```
#b46720 rgb(180,103,32)
```
#b47420
```
#b47420 rgb(180,116,32)
```
#b48020
```
#b48020 rgb(180,128,32)
```
#b48c20
```
#b48c20 rgb(180,140,32)
```
#b49920
```
#b49920 rgb(180,153,32)
```
#b4a520
```
#b4a520 rgb(180,165,32)
```

Similar Colors

Text with hexadecimal color #b48020

This text has a font color of #b48020.

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

#b48020 background color

This paragraph has a background color of #b48020.

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

#b48020 border color

This element has a border color of #b48020.

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

CSS codes

.text {color:#b48020;}

.background {background-color:#b48020;}

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

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

#0d0a02
```
#0d0a02 rgb(13,10,2)
```
#1e1505
```
#1e1505 rgb(30,21,5)
```
#2f2108
```
#2f2108 rgb(47,33,8)
```
#3f2d0b
```
#3f2d0b rgb(63,45,11)
```
#50390e
```
#50390e rgb(80,57,14)
```
#614511
```
#614511 rgb(97,69,17)
```
#715114
```
#715114 rgb(113,81,20)
```
#825c17
```
#825c17 rgb(130,92,23)
```
#93681a
```
#93681a rgb(147,104,26)
```
#a3741d
```
#a3741d rgb(163,116,29)
```
#b48020
```
#b48020 rgb(180,128,32)
```
#c58c23
```
#c58c23 rgb(197,140,35)
```
#d59826
```
#d59826 rgb(213,152,38)
```

Shade Color Variation

#dba034
```
#dba034 rgb(219,160,52)
```
#dea845
```
#dea845 rgb(222,168,69)
```
#e1b055
```
#e1b055 rgb(225,176,85)
```
#e4b866
```
#e4b866 rgb(228,184,102)
```
#e7bf77
```
#e7bf77 rgb(231,191,119)
```
#eac787
```
#eac787 rgb(234,199,135)
```
#edcf98
```
#edcf98 rgb(237,207,152)
```
#f0d7a9
```
#f0d7a9 rgb(240,215,169)
```
#f3deb9
```
#f3deb9 rgb(243,222,185)
```
#f6e6ca
```
#f6e6ca rgb(246,230,202)
```
#f9eeda
```
#f9eeda rgb(249,238,218)
```
#fbf6eb
```
#fbf6eb rgb(251,246,235)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#6b6a69
```
#6b6a69 rgb(107,106,105)
```
#736d61
```
#736d61 rgb(115,109,97)
```
#7b6f59
```
#7b6f59 rgb(123,111,89)
```
#837151
```
#837151 rgb(131,113,81)
```
#8b7449
```
#8b7449 rgb(139,116,73)
```
#937641
```
#937641 rgb(147,118,65)
```
#9c7938
```
#9c7938 rgb(156,121,56)
```
#a47b30
```
#a47b30 rgb(164,123,48)
```
#ac7e28
```
#ac7e28 rgb(172,126,40)
```
#b48020
```
#b48020 rgb(180,128,32)
```
#bc8218
```
#bc8218 rgb(188,130,24)
```
#c48510
```
#c48510 rgb(196,133,16)
```
#cc8708
```
#cc8708 rgb(204,135,8)
```

Tone Color Variation

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

Dichromacy

#a08f2e Protanopia 1% of men
#b2882a Deuteranopia 1% of men
#bd7e86 Tritanopia 0.001% of the population

Trichromacy

#a78a28 Protanomaly 1% of men, 0.01% of women
#b38526 Deuteranomaly 6% of men, 0.4% of women
#ba7e61 Tritanomaly 0.01% of the population

#b48020 hex color

#b48020 Color Information

#b48020 Color Conversion

Color Schemes with #b48020

Alternatives to #b48020

#b48020 Preview

Shades and Tints of #b48020

Tones of #b48020

Color Blindness Simulator