#b48a23 hex color

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

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

● #b48a23 color description : Strong orange.

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

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

CIE-LAB	59.892, 6.422, 56.875
XYZ	28.215, 28.003, 5.509
xyY	0.457, 0.454, 28.003
CIE-LCH	59.892, 57.236, 83.557
CIE-LUV	59.892, 35.02, 57.542
Hunter-Lab	52.918, 2.566, 30.87
Binary	10110100, 10001010, 00100011

#b48a23
```
#b48a23 rgb(180,138,35)
```
#234db4
```
#234db4 rgb(35,77,180)
```

Complementary Color

#b44223
```
#b44223 rgb(180,66,35)
```
#b48a23
```
#b48a23 rgb(180,138,35)
```
#96b423
```
#96b423 rgb(150,180,35)
```

Analogous Color

#4223b4
```
#4223b4 rgb(66,35,180)
```
#b48a23
```
#b48a23 rgb(180,138,35)
```
#2396b4
```
#2396b4 rgb(35,150,180)
```

Split Complementary Color

#8a23b4
```
#8a23b4 rgb(138,35,180)
```
#b48a23
```
#b48a23 rgb(180,138,35)
```
#23b48a
```
#23b48a rgb(35,180,138)
```

Triadic Color

#b4234d
```
#b4234d rgb(180,35,77)
```
#b48a23
```
#b48a23 rgb(180,138,35)
```
#23b48a
```
#23b48a rgb(35,180,138)
```
#234db4
```
#234db4 rgb(35,77,180)
```

Tetradic Color

#745917
```
#745917 rgb(116,89,23)
```
#89691b
```
#89691b rgb(137,105,27)
```
#9f7a1f
```
#9f7a1f rgb(159,122,31)
```
#b48a23
```
#b48a23 rgb(180,138,35)
```
#c99a27
```
#c99a27 rgb(201,154,39)
```
#d7a833
```
#d7a833 rgb(215,168,51)
```
#dbb148
```
#dbb148 rgb(219,177,72)
```

Monochromatic Color

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

#b46623
```
#b46623 rgb(180,102,35)
```
#b47223
```
#b47223 rgb(180,114,35)
```
#b47e23
```
#b47e23 rgb(180,126,35)
```
#b48a23
```
#b48a23 rgb(180,138,35)
```
#b49623
```
#b49623 rgb(180,150,35)
```
#b4a223
```
#b4a223 rgb(180,162,35)
```
#b4ae23
```
#b4ae23 rgb(180,174,35)
```

Similar Colors

Text with hexadecimal color #b48a23

This text has a font color of #b48a23.

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

#b48a23 background color

This paragraph has a background color of #b48a23.

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

#b48a23 border color

This element has a border color of #b48a23.

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

CSS codes

.text {color:#b48a23;}

.background {background-color:#b48a23;}

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

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)
```
#312509
```
#312509 rgb(49,37,9)
```
#41320d
```
#41320d rgb(65,50,13)
```
#513e10
```
#513e10 rgb(81,62,16)
```
#624b13
```
#624b13 rgb(98,75,19)
```
#725816
```
#725816 rgb(114,88,22)
```
#836419
```
#836419 rgb(131,100,25)
```
#93711d
```
#93711d rgb(147,113,29)
```
#a47d20
```
#a47d20 rgb(164,125,32)
```
#b48a23
```
#b48a23 rgb(180,138,35)
```
#c49726
```
#c49726 rgb(196,151,38)
```
#d5a329
```
#d5a329 rgb(213,163,41)
```

Shade Color Variation

#d9aa39
```
#d9aa39 rgb(217,170,57)
```
#dcb14a
```
#dcb14a rgb(220,177,74)
```
#dfb85a
```
#dfb85a rgb(223,184,90)
```
#e2bf6b
```
#e2bf6b rgb(226,191,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 #d59802 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)
```
#937c44
```
#937c44 rgb(147,124,68)
```
#9b803c
```
#9b803c rgb(155,128,60)
```
#a38334
```
#a38334 rgb(163,131,52)
```
#ac872b
```
#ac872b rgb(172,135,43)
```
#b48a23
```
#b48a23 rgb(180,138,35)
```
#bc8d1b
```
#bc8d1b rgb(188,141,27)
```
#c59112
```
#c59112 rgb(197,145,18)
```
#cd940a
```
#cd940a rgb(205,148,10)
```
#d59802
```
#d59802 rgb(213,152,2)
```

Tone Color Variation

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

#a79630 Protanopia 1% of men
#ba8e2f Deuteranopia 1% of men
#be8790 Tritanopia 0.001% of the population

Trichromacy

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

#b48a23 hex color

#b48a23 Color Information

#b48a23 Color Conversion

Color Schemes with #b48a23

Alternatives to #b48a23

#b48a23 Preview

Shades and Tints of #b48a23

Tones of #b48a23

Color Blindness Simulator