#b48524 hex color

In a RGB color space, hex #b48524 is composed of 70.6% red, 52.2% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.1% magenta, 80% yellow and 29.4% black. It has a hue angle of 40.4 degrees, a saturation of 66.7% and a lightness of 42.4%. #b48524 color hex could be obtained by blending #ffff48 with #690b00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 71
- G 52
- B 14
RGB color chart
- C 0
- M 26
- Y 80
- K 29
CMYK color chart

● #b48524 color description : Strong orange.

The hexadecimal color #b48524 has RGB values of R:180, G:133, B:36 and CMYK values of C:0, M:0.26, Y:0.8, K:0.29. Its decimal value is 11830564.

Hex triplet	b48524	`#b48524`
RGB Decimal	180, 133, 36	`rgb(180,133,36)`
RGB Percent	70.6, 52.2, 14.1	`rgb(70.6%,52.2%,14.1%)`
CMYK	0, 26, 80, 29
HSL	40.4°, 66.7, 42.4	`hsl(40.4,66.7%,42.4%)`
HSV (or HSB)	40.4°, 80, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	58.609, 9.226, 55.361
XYZ	27.529, 26.607, 5.355
xyY	0.463, 0.447, 26.607
CIE-LCH	58.609, 56.124, 80.539
CIE-LUV	58.609, 38.778, 55.301
Hunter-Lab	51.582, 4.995, 29.953
Binary	10110100, 10000101, 00100100

#b48524
```
#b48524 rgb(180,133,36)
```
#2453b4
```
#2453b4 rgb(36,83,180)
```

Complementary Color

#b43d24
```
#b43d24 rgb(180,61,36)
```
#b48524
```
#b48524 rgb(180,133,36)
```
#9bb424
```
#9bb424 rgb(155,180,36)
```

Analogous Color

#3d24b4
```
#3d24b4 rgb(61,36,180)
```
#b48524
```
#b48524 rgb(180,133,36)
```
#249bb4
```
#249bb4 rgb(36,155,180)
```

Split Complementary Color

#8524b4
```
#8524b4 rgb(133,36,180)
```
#b48524
```
#b48524 rgb(180,133,36)
```
#24b485
```
#24b485 rgb(36,180,133)
```

Triadic Color

#b42453
```
#b42453 rgb(180,36,83)
```
#b48524
```
#b48524 rgb(180,133,36)
```
#24b485
```
#24b485 rgb(36,180,133)
```
#2453b4
```
#2453b4 rgb(36,83,180)
```

Tetradic Color

#745617
```
#745617 rgb(116,86,23)
```
#8a661c
```
#8a661c rgb(138,102,28)
```
#9f7520
```
#9f7520 rgb(159,117,32)
```
#b48524
```
#b48524 rgb(180,133,36)
```
#c99528
```
#c99528 rgb(201,149,40)
```
#d7a235
```
#d7a235 rgb(215,162,53)
```
#dbab4a
```
#dbab4a rgb(219,171,74)
```

Monochromatic Color

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

#b46124
```
#b46124 rgb(180,97,36)
```
#b46d24
```
#b46d24 rgb(180,109,36)
```
#b47924
```
#b47924 rgb(180,121,36)
```
#b48524
```
#b48524 rgb(180,133,36)
```
#b49124
```
#b49124 rgb(180,145,36)
```
#b49d24
```
#b49d24 rgb(180,157,36)
```
#b4a924
```
#b4a924 rgb(180,169,36)
```

Similar Colors

Text with hexadecimal color #b48524

This text has a font color of #b48524.

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

#b48524 background color

This paragraph has a background color of #b48524.

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

#b48524 border color

This element has a border color of #b48524.

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

CSS codes

.text {color:#b48524;}

.background {background-color:#b48524;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#110c03
```
#110c03 rgb(17,12,3)
```
#211807
```
#211807 rgb(33,24,7)
```
#31240a
```
#31240a rgb(49,36,10)
```
#42300d
```
#42300d rgb(66,48,13)
```
#523d10
```
#523d10 rgb(82,61,16)
```
#624914
```
#624914 rgb(98,73,20)
```
#735517
```
#735517 rgb(115,85,23)
```
#83611a
```
#83611a rgb(131,97,26)
```
#936d1d
```
#936d1d rgb(147,109,29)
```
#a47921
```
#a47921 rgb(164,121,33)
```
#b48524
```
#b48524 rgb(180,133,36)
```
#c49127
```
#c49127 rgb(196,145,39)
```

Shade Color Variation

#d59d2b
```
#d59d2b rgb(213,157,43)
```
#d8a53b
```
#d8a53b rgb(216,165,59)
```
#dbac4b
```
#dbac4b rgb(219,172,75)
```
#deb45c
```
#deb45c rgb(222,180,92)
```
#e2bb6c
```
#e2bb6c rgb(226,187,108)
```
#e5c37c
```
#e5c37c rgb(229,195,124)
```
#e8ca8d
```
#e8ca8d rgb(232,202,141)
```
#ebd29d
```
#ebd29d rgb(235,210,157)
```
#efd9ad
```
#efd9ad rgb(239,217,173)
```
#f2e1be
```
#f2e1be rgb(242,225,190)
```
#f5e8ce
```
#f5e8ce rgb(245,232,206)
```
#f9f0df
```
#f9f0df rgb(249,240,223)
```
#fcf8ef
```
#fcf8ef rgb(252,248,239)
```

Tint Color Variation

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

#726e66
```
#726e66 rgb(114,110,102)
```
#7a715e
```
#7a715e rgb(122,113,94)
```
#827456
```
#827456 rgb(130,116,86)
```
#8a774e
```
#8a774e rgb(138,119,78)
```
#937945
```
#937945 rgb(147,121,69)
```
#9b7c3d
```
#9b7c3d rgb(155,124,61)
```
#a37f35
```
#a37f35 rgb(163,127,53)
```
#ac822c
```
#ac822c rgb(172,130,44)
```
#b48524
```
#b48524 rgb(180,133,36)
```
#bc881c
```
#bc881c rgb(188,136,28)
```
#c58b13
```
#c58b13 rgb(197,139,19)
```
#cd8e0b
```
#cd8e0b rgb(205,142,11)
```
#d59103
```
#d59103 rgb(213,145,3)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#918774 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39331 Protanopia 1% of men
#b68b2f Deuteranopia 1% of men
#be828b Tritanopia 0.001% of the population

Trichromacy

#a98e2c Protanomaly 1% of men, 0.01% of women
#b5892b Deuteranomaly 6% of men, 0.4% of women
#ba8365 Tritanomaly 0.01% of the population

#b48524 hex color

#b48524 Color Information

#b48524 Color Conversion

Color Schemes with #b48524

Alternatives to #b48524

#b48524 Preview

Shades and Tints of #b48524

Tones of #b48524

Color Blindness Simulator