#b48624 hex color

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

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

● #b48624 color description : Strong orange.

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

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

CIE-LAB	58.865, 8.671, 55.594
XYZ	27.666, 26.882, 5.401
xyY	0.461, 0.448, 26.882
CIE-LCH	58.865, 56.266, 81.135
CIE-LUV	58.865, 38.015, 55.705
Hunter-Lab	51.848, 4.514, 30.118
Binary	10110100, 10000110, 00100100

#b48624
```
#b48624 rgb(180,134,36)
```
#2452b4
```
#2452b4 rgb(36,82,180)
```

Complementary Color

#b43e24
```
#b43e24 rgb(180,62,36)
```
#b48624
```
#b48624 rgb(180,134,36)
```
#9ab424
```
#9ab424 rgb(154,180,36)
```

Analogous Color

#3e24b4
```
#3e24b4 rgb(62,36,180)
```
#b48624
```
#b48624 rgb(180,134,36)
```
#249ab4
```
#249ab4 rgb(36,154,180)
```

Split Complementary Color

#8624b4
```
#8624b4 rgb(134,36,180)
```
#b48624
```
#b48624 rgb(180,134,36)
```
#24b486
```
#24b486 rgb(36,180,134)
```

Triadic Color

#b42452
```
#b42452 rgb(180,36,82)
```
#b48624
```
#b48624 rgb(180,134,36)
```
#24b486
```
#24b486 rgb(36,180,134)
```
#2452b4
```
#2452b4 rgb(36,82,180)
```

Tetradic Color

#745717
```
#745717 rgb(116,87,23)
```
#8a661c
```
#8a661c rgb(138,102,28)
```
#9f7620
```
#9f7620 rgb(159,118,32)
```
#b48624
```
#b48624 rgb(180,134,36)
```
#c99628
```
#c99628 rgb(201,150,40)
```
#d7a335
```
#d7a335 rgb(215,163,53)
```
#dbac4a
```
#dbac4a rgb(219,172,74)
```

Monochromatic Color

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

#b46224
```
#b46224 rgb(180,98,36)
```
#b46e24
```
#b46e24 rgb(180,110,36)
```
#b47a24
```
#b47a24 rgb(180,122,36)
```
#b48624
```
#b48624 rgb(180,134,36)
```
#b49224
```
#b49224 rgb(180,146,36)
```
#b49e24
```
#b49e24 rgb(180,158,36)
```
#b4aa24
```
#b4aa24 rgb(180,170,36)
```

Similar Colors

Text with hexadecimal color #b48624

This text has a font color of #b48624.

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

#b48624 background color

This paragraph has a background color of #b48624.

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

#b48624 border color

This element has a border color of #b48624.

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

CSS codes

.text {color:#b48624;}

.background {background-color:#b48624;}

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

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)
```
#31250a
```
#31250a rgb(49,37,10)
```
#42310d
```
#42310d rgb(66,49,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)
```
#936e1d
```
#936e1d rgb(147,110,29)
```
#a47a21
```
#a47a21 rgb(164,122,33)
```
#b48624
```
#b48624 rgb(180,134,36)
```
#c49227
```
#c49227 rgb(196,146,39)
```

Shade Color Variation

#d59e2b
```
#d59e2b rgb(213,158,43)
```
#d8a63b
```
#d8a63b rgb(216,166,59)
```
#dbad4b
```
#dbad4b rgb(219,173,75)
```
#deb55c
```
#deb55c rgb(222,181,92)
```
#e2bc6c
```
#e2bc6c rgb(226,188,108)
```
#e5c47c
```
#e5c47c rgb(229,196,124)
```
#e8cb8d
```
#e8cb8d rgb(232,203,141)
```
#ebd29d
```
#ebd29d rgb(235,210,157)
```
#efdaad
```
#efdaad rgb(239,218,173)
```
#f2e1be
```
#f2e1be rgb(242,225,190)
```
#f5e9ce
```
#f5e9ce rgb(245,233,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 #d59203 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)
```
#937a45
```
#937a45 rgb(147,122,69)
```
#9b7d3d
```
#9b7d3d rgb(155,125,61)
```
#a38035
```
#a38035 rgb(163,128,53)
```
#ac832c
```
#ac832c rgb(172,131,44)
```
#b48624
```
#b48624 rgb(180,134,36)
```
#bc891c
```
#bc891c rgb(188,137,28)
```
#c58c13
```
#c58c13 rgb(197,140,19)
```
#cd8f0b
```
#cd8f0b rgb(205,143,11)
```
#d59203
```
#d59203 rgb(213,146,3)
```

Tone Color Variation

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

Dichromacy

#a49331 Protanopia 1% of men
#b78c2f Deuteranopia 1% of men
#be838c Tritanopia 0.001% of the population

Trichromacy

#aa8e2c Protanomaly 1% of men, 0.01% of women
#b68a2b Deuteranomaly 6% of men, 0.4% of women
#ba8466 Tritanomaly 0.01% of the population

#b48624 hex color

#b48624 Color Information

#b48624 Color Conversion

Color Schemes with #b48624

Alternatives to #b48624

#b48624 Preview

Shades and Tints of #b48624

Tones of #b48624

Color Blindness Simulator