#b48b23 hex color

In a RGB color space, hex #b48b23 is composed of 70.6% red, 54.5% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.8% magenta, 80.6% yellow and 29.4% black. It has a hue angle of 43 degrees, a saturation of 67.4% and a lightness of 42.2%. #b48b23 color hex could be obtained by blending #ffff46 with #691700. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 71
- G 55
- B 14
RGB color chart
- C 0
- M 23
- Y 81
- K 29
CMYK color chart

● #b48b23 color description : Strong orange.

The hexadecimal color #b48b23 has RGB values of R:180, G:139, B:35 and CMYK values of C:0, M:0.23, Y:0.81, K:0.29. Its decimal value is 11832099.

Hex triplet	b48b23	`#b48b23`
RGB Decimal	180, 139, 35	`rgb(180,139,35)`
RGB Percent	70.6, 54.5, 13.7	`rgb(70.6%,54.5%,13.7%)`
CMYK	0, 23, 81, 29
HSL	43°, 67.4, 42.2	`hsl(43,67.4%,42.2%)`
HSV (or HSB)	43°, 80.6, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	60.151, 5.871, 57.108
XYZ	28.359, 28.291, 5.557
xyY	0.456, 0.455, 28.291
CIE-LCH	60.151, 57.409, 84.131
CIE-LUV	60.151, 34.266, 57.947
Hunter-Lab	53.19, 2.088, 31.038
Binary	10110100, 10001011, 00100011

#b48b23
```
#b48b23 rgb(180,139,35)
```
#234cb4
```
#234cb4 rgb(35,76,180)
```

Complementary Color

#b44323
```
#b44323 rgb(180,67,35)
```
#b48b23
```
#b48b23 rgb(180,139,35)
```
#95b423
```
#95b423 rgb(149,180,35)
```

Analogous Color

#4323b4
```
#4323b4 rgb(67,35,180)
```
#b48b23
```
#b48b23 rgb(180,139,35)
```
#2395b4
```
#2395b4 rgb(35,149,180)
```

Split Complementary Color

#8b23b4
```
#8b23b4 rgb(139,35,180)
```
#b48b23
```
#b48b23 rgb(180,139,35)
```
#23b48b
```
#23b48b rgb(35,180,139)
```

Triadic Color

#b4234c
```
#b4234c rgb(180,35,76)
```
#b48b23
```
#b48b23 rgb(180,139,35)
```
#23b48b
```
#23b48b rgb(35,180,139)
```
#234cb4
```
#234cb4 rgb(35,76,180)
```

Tetradic Color

#745a17
```
#745a17 rgb(116,90,23)
```
#896a1b
```
#896a1b rgb(137,106,27)
```
#9f7b1f
```
#9f7b1f rgb(159,123,31)
```
#b48b23
```
#b48b23 rgb(180,139,35)
```
#c99b27
```
#c99b27 rgb(201,155,39)
```
#d7a933
```
#d7a933 rgb(215,169,51)
```
#dbb248
```
#dbb248 rgb(219,178,72)
```

Monochromatic Color

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

#b46723
```
#b46723 rgb(180,103,35)
```
#b47323
```
#b47323 rgb(180,115,35)
```
#b47f23
```
#b47f23 rgb(180,127,35)
```
#b48b23
```
#b48b23 rgb(180,139,35)
```
#b49723
```
#b49723 rgb(180,151,35)
```
#b4a323
```
#b4a323 rgb(180,163,35)
```
#b4af23
```
#b4af23 rgb(180,175,35)
```

Similar Colors

Text with hexadecimal color #b48b23

This text has a font color of #b48b23.

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

#b48b23 background color

This paragraph has a background color of #b48b23.

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

#b48b23 border color

This element has a border color of #b48b23.

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

CSS codes

.text {color:#b48b23;}

.background {background-color:#b48b23;}

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

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, #100c03 is the darkest color, while #fffffe is the lightest one.

#100c03
```
#100c03 rgb(16,12,3)
```
#201906
```
#201906 rgb(32,25,6)
```
#312609
```
#312609 rgb(49,38,9)
```
#41320d
```
#41320d rgb(65,50,13)
```
#513f10
```
#513f10 rgb(81,63,16)
```
#624c13
```
#624c13 rgb(98,76,19)
```
#725816
```
#725816 rgb(114,88,22)
```
#836519
```
#836519 rgb(131,101,25)
```
#93721d
```
#93721d rgb(147,114,29)
```
#a47e20
```
#a47e20 rgb(164,126,32)
```
#b48b23
```
#b48b23 rgb(180,139,35)
```
#c49826
```
#c49826 rgb(196,152,38)
```
#d5a429
```
#d5a429 rgb(213,164,41)
```

Shade Color Variation

#d9ac39
```
#d9ac39 rgb(217,172,57)
```
#dcb24a
```
#dcb24a rgb(220,178,74)
```
#dfb95a
```
#dfb95a rgb(223,185,90)
```
#e2c06b
```
#e2c06b rgb(226,192,107)
```
#e5c77b
```
#e5c77b rgb(229,199,123)
```
#e9ce8b
```
#e9ce8b rgb(233,206,139)
```
#ecd59c
```
#ecd59c rgb(236,213,156)
```
#efdcac
```
#efdcac rgb(239,220,172)
```
#f2e3bd
```
#f2e3bd rgb(242,227,189)
```
#f5eacd
```
#f5eacd rgb(245,234,205)
```
#f8f1de
```
#f8f1de rgb(248,241,222)
```
#fcf8ee
```
#fcf8ee rgb(252,248,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#726e65
```
#726e65 rgb(114,110,101)
```
#7a725d
```
#7a725d rgb(122,114,93)
```
#827555
```
#827555 rgb(130,117,85)
```
#8b794c
```
#8b794c rgb(139,121,76)
```
#937d44
```
#937d44 rgb(147,125,68)
```
#9b803c
```
#9b803c rgb(155,128,60)
```
#a38434
```
#a38434 rgb(163,132,52)
```
#ac872b
```
#ac872b rgb(172,135,43)
```
#b48b23
```
#b48b23 rgb(180,139,35)
```
#bc8f1b
```
#bc8f1b rgb(188,143,27)
```
#c59212
```
#c59212 rgb(197,146,18)
```
#cd960a
```
#cd960a rgb(205,150,10)
```
#d59902
```
#d59902 rgb(213,153,2)
```

Tone Color Variation

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

#a89630 Protanopia 1% of men
#bb8f2f Deuteranopia 1% of men
#be8791 Tritanopia 0.001% of the population

Trichromacy

#ac922b Protanomaly 1% of men, 0.01% of women
#b88d2a Deuteranomaly 6% of men, 0.4% of women
#ba8969 Tritanomaly 0.01% of the population

#b48b23 hex color

#b48b23 Color Information

#b48b23 Color Conversion

Color Schemes with #b48b23

Alternatives to #b48b23

#b48b23 Preview

Shades and Tints of #b48b23

Tones of #b48b23

Color Blindness Simulator