#b48e3b hex color

In a RGB color space, hex #b48e3b is composed of 70.6% red, 55.7% green and 23.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.1% magenta, 67.2% yellow and 29.4% black. It has a hue angle of 41.2 degrees, a saturation of 50.6% and a lightness of 46.9%. #b48e3b color hex could be obtained by blending #ffff76 with #691d00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 71
- G 56
- B 23
RGB color chart
- C 0
- M 21
- Y 67
- K 29
CMYK color chart

● #b48e3b color description : Moderate orange.

The hexadecimal color #b48e3b has RGB values of R:180, G:142, B:59 and CMYK values of C:0, M:0.21, Y:0.67, K:0.29. Its decimal value is 11832891.

Hex triplet	b48e3b	`#b48e3b`
RGB Decimal	180, 142, 59	`rgb(180,142,59)`
RGB Percent	70.6, 55.7, 23.1	`rgb(70.6%,55.7%,23.1%)`
CMYK	0, 21, 67, 29
HSL	41.2°, 50.6, 46.9	`hsl(41.2,50.6%,46.9%)`
HSV (or HSB)	41.2°, 67.2, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	61.104, 5.363, 48.261
XYZ	29.285, 29.366, 8.263
xyY	0.438, 0.439, 29.366
CIE-LCH	61.104, 48.558, 83.659
CIE-LUV	61.104, 30.99, 52.476
Hunter-Lab	54.191, 1.629, 28.893
Binary	10110100, 10001110, 00111011

#b48e3b
```
#b48e3b rgb(180,142,59)
```
#3b61b4
```
#3b61b4 rgb(59,97,180)
```

Complementary Color

#b4523b
```
#b4523b rgb(180,82,59)
```
#b48e3b
```
#b48e3b rgb(180,142,59)
```
#9eb43b
```
#9eb43b rgb(158,180,59)
```

Analogous Color

#523bb4
```
#523bb4 rgb(82,59,180)
```
#b48e3b
```
#b48e3b rgb(180,142,59)
```
#3b9eb4
```
#3b9eb4 rgb(59,158,180)
```

Split Complementary Color

#8e3bb4
```
#8e3bb4 rgb(142,59,180)
```
#b48e3b
```
#b48e3b rgb(180,142,59)
```
#3bb48e
```
#3bb48e rgb(59,180,142)
```

Triadic Color

#b43b61
```
#b43b61 rgb(180,59,97)
```
#b48e3b
```
#b48e3b rgb(180,142,59)
```
#3bb48e
```
#3bb48e rgb(59,180,142)
```
#3b61b4
```
#3b61b4 rgb(59,97,180)
```

Tetradic Color

#7a6128
```
#7a6128 rgb(122,97,40)
```
#8e702e
```
#8e702e rgb(142,112,46)
```
#a17f35
```
#a17f35 rgb(161,127,53)
```
#b48e3b
```
#b48e3b rgb(180,142,59)
```
#c29b46
```
#c29b46 rgb(194,155,70)
```
#c9a659
```
#c9a659 rgb(201,166,89)
```
#cfb06d
```
#cfb06d rgb(207,176,109)
```

Monochromatic Color

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

#b4703b
```
#b4703b rgb(180,112,59)
```
#b47a3b
```
#b47a3b rgb(180,122,59)
```
#b4843b
```
#b4843b rgb(180,132,59)
```
#b48e3b
```
#b48e3b rgb(180,142,59)
```
#b4983b
```
#b4983b rgb(180,152,59)
```
#b4a23b
```
#b4a23b rgb(180,162,59)
```
#b4ac3b
```
#b4ac3b rgb(180,172,59)
```

Similar Colors

Text with hexadecimal color #b48e3b

This text has a font color of #b48e3b.

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

#b48e3b background color

This paragraph has a background color of #b48e3b.

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

#b48e3b border color

This element has a border color of #b48e3b.

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

CSS codes

.text {color:#b48e3b;}

.background {background-color:#b48e3b;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#110e06
```
#110e06 rgb(17,14,6)
```
#20190b
```
#20190b rgb(32,25,11)
```
#2f250f
```
#2f250f rgb(47,37,15)
```
#3e3114
```
#3e3114 rgb(62,49,20)
```
#4d3c19
```
#4d3c19 rgb(77,60,25)
```
#5b481e
```
#5b481e rgb(91,72,30)
```
#6a5423
```
#6a5423 rgb(106,84,35)
```
#795f28
```
#795f28 rgb(121,95,40)
```
#886b2c
```
#886b2c rgb(136,107,44)
```
#967731
```
#967731 rgb(150,119,49)
```
#a58236
```
#a58236 rgb(165,130,54)
```
#b48e3b
```
#b48e3b rgb(180,142,59)
```

Shade Color Variation

#c19942
```
#c19942 rgb(193,153,66)
```
#c6a150
```
#c6a150 rgb(198,161,80)
```
#cba95f
```
#cba95f rgb(203,169,95)
```
#cfb16e
```
#cfb16e rgb(207,177,110)
```
#d4b97d
```
#d4b97d rgb(212,185,125)
```
#d9c18c
```
#d9c18c rgb(217,193,140)
```
#dec99a
```
#dec99a rgb(222,201,154)
```
#e3d1a9
```
#e3d1a9 rgb(227,209,169)
```
#e8d9b8
```
#e8d9b8 rgb(232,217,184)
```
#ede1c7
```
#ede1c7 rgb(237,225,199)
```
#f1e9d5
```
#f1e9d5 rgb(241,233,213)
```
#f6f1e4
```
#f6f1e4 rgb(246,241,228)
```
#fbf9f3
```
#fbf9f3 rgb(251,249,243)
```

Tint Color Variation

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

#7d7972
```
#7d7972 rgb(125,121,114)
```
#867d69
```
#867d69 rgb(134,125,105)
```
#8f8060
```
#8f8060 rgb(143,128,96)
```
#988457
```
#988457 rgb(152,132,87)
```
#a2874d
```
#a2874d rgb(162,135,77)
```
#ab8b44
```
#ab8b44 rgb(171,139,68)
```
#b48e3b
```
#b48e3b rgb(180,142,59)
```
#bd9132
```
#bd9132 rgb(189,145,50)
```
#c69529
```
#c69529 rgb(198,149,41)
```
#d0981f
```
#d0981f rgb(208,152,31)
```
#d99c16
```
#d99c16 rgb(217,156,22)
```
#e29f0d
```
#e29f0d rgb(226,159,13)
```
#eba304
```
#eba304 rgb(235,163,4)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#97907f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99946 Protanopia 1% of men
#bc9245 Deuteranopia 1% of men
#be8b95 Tritanopia 0.001% of the population

Trichromacy

#ad9542 Protanomaly 1% of men, 0.01% of women
#b99041 Deuteranomaly 6% of men, 0.4% of women
#ba8c74 Tritanomaly 0.01% of the population

#b48e3b hex color

#b48e3b Color Information

#b48e3b Color Conversion

Color Schemes with #b48e3b

Alternatives to #b48e3b

#b48e3b Preview

Shades and Tints of #b48e3b

Tones of #b48e3b

Color Blindness Simulator