#b48e5f hex color

In a RGB color space, hex #b48e5f is composed of 70.6% red, 55.7% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.1% magenta, 47.2% yellow and 29.4% black. It has a hue angle of 33.2 degrees, a saturation of 36.2% and a lightness of 53.9%. #b48e5f color hex could be obtained by blending #ffffbe with #691d00. Closest websafe color is: #cc9966.

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

● #b48e5f color description : Slightly desaturated orange.

The hexadecimal color #b48e5f has RGB values of R:180, G:142, B:95 and CMYK values of C:0, M:0.21, Y:0.47, K:0.29. Its decimal value is 11832927.

Hex triplet	b48e5f	`#b48e5f`
RGB Decimal	180, 142, 95	`rgb(180,142,95)`
RGB Percent	70.6, 55.7, 37.3	`rgb(70.6%,55.7%,37.3%)`
CMYK	0, 21, 47, 29
HSL	33.2°, 36.2, 53.9	`hsl(33.2,36.2%,53.9%)`
HSV (or HSB)	33.2°, 47.2, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	61.548, 8.284, 30.449
XYZ	30.561, 29.877, 14.983
xyY	0.405, 0.396, 29.877
CIE-LCH	61.548, 31.555, 74.78
CIE-LUV	61.548, 28.486, 36.122
Hunter-Lab	54.66, 4.148, 22.01
Binary	10110100, 10001110, 01011111

#b48e5f
```
#b48e5f rgb(180,142,95)
```
#5f85b4
```
#5f85b4 rgb(95,133,180)
```

Complementary Color

#b4645f
```
#b4645f rgb(180,100,95)
```
#b48e5f
```
#b48e5f rgb(180,142,95)
```
#b0b45f
```
#b0b45f rgb(176,180,95)
```

Analogous Color

#645fb4
```
#645fb4 rgb(100,95,180)
```
#b48e5f
```
#b48e5f rgb(180,142,95)
```
#5fb0b4
```
#5fb0b4 rgb(95,176,180)
```

Split Complementary Color

#8e5fb4
```
#8e5fb4 rgb(142,95,180)
```
#b48e5f
```
#b48e5f rgb(180,142,95)
```
#5fb48e
```
#5fb48e rgb(95,180,142)
```

Triadic Color

#b45f85
```
#b45f85 rgb(180,95,133)
```
#b48e5f
```
#b48e5f rgb(180,142,95)
```
#5fb48e
```
#5fb48e rgb(95,180,142)
```
#5f85b4
```
#5f85b4 rgb(95,133,180)
```

Tetradic Color

#87673f
```
#87673f rgb(135,103,63)
```
#997447
```
#997447 rgb(153,116,71)
```
#aa8250
```
#aa8250 rgb(170,130,80)
```
#b48e5f
```
#b48e5f rgb(180,142,95)
```
#bc9a70
```
#bc9a70 rgb(188,154,112)
```
#c4a782
```
#c4a782 rgb(196,167,130)
```
#ccb393
```
#ccb393 rgb(204,179,147)
```

Monochromatic Color

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

#b4795f
```
#b4795f rgb(180,121,95)
```
#b4805f
```
#b4805f rgb(180,128,95)
```
#b4875f
```
#b4875f rgb(180,135,95)
```
#b48e5f
```
#b48e5f rgb(180,142,95)
```
#b4955f
```
#b4955f rgb(180,149,95)
```
#b49c5f
```
#b49c5f rgb(180,156,95)
```
#b4a35f
```
#b4a35f rgb(180,163,95)
```

Similar Colors

Text with hexadecimal color #b48e5f

This text has a font color of #b48e5f.

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

#b48e5f background color

This paragraph has a background color of #b48e5f.

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

#b48e5f border color

This element has a border color of #b48e5f.

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

CSS codes

.text {color:#b48e5f;}

.background {background-color:#b48e5f;}

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

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 #f9f6f2 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#0e0a06
```
#0e0a06 rgb(14,10,6)
```
#1b150d
```
#1b150d rgb(27,21,13)
```
#281f13
```
#281f13 rgb(40,31,19)
```
#362919
```
#362919 rgb(54,41,25)
```
#43331f
```
#43331f rgb(67,51,31)
```
#503d26
```
#503d26 rgb(80,61,38)
```
#5e472c
```
#5e472c rgb(94,71,44)
```
#6b5232
```
#6b5232 rgb(107,82,50)
```
#785c38
```
#785c38 rgb(120,92,56)
```
#86663f
```
#86663f rgb(134,102,63)
```
#937045
```
#937045 rgb(147,112,69)
```
#a17a4b
```
#a17a4b rgb(161,122,75)
```

Shade Color Variation

#ae8552
```
#ae8552 rgb(174,133,82)
```
#b48e5f
```
#b48e5f rgb(180,142,95)
```
#ba976c
```
#ba976c rgb(186,151,108)
```
#c1a17a
```
#c1a17a rgb(193,161,122)
```
#c7aa87
```
#c7aa87 rgb(199,170,135)
```
#cdb494
```
#cdb494 rgb(205,180,148)
```
#d3bda2
```
#d3bda2 rgb(211,189,162)
```
#dac7af
```
#dac7af rgb(218,199,175)
```
#e0d0bc
```
#e0d0bc rgb(224,208,188)
```
#e6d9ca
```
#e6d9ca rgb(230,217,202)
```
#ece3d7
```
#ece3d7 rgb(236,227,215)
```
#f3ece5
```
#f3ece5 rgb(243,236,229)
```
#f9f6f2
```
#f9f6f2 rgb(249,246,242)
```

Tint Color Variation

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

#908a83
```
#908a83 rgb(144,138,131)
```
#998b7a
```
#998b7a rgb(153,139,122)
```
#a28c71
```
#a28c71 rgb(162,140,113)
```
#ab8d68
```
#ab8d68 rgb(171,141,104)
```
#b48e5f
```
#b48e5f rgb(180,142,95)
```
#bd8f56
```
#bd8f56 rgb(189,143,86)
```
#c6904d
```
#c6904d rgb(198,144,77)
```
#cf9144
```
#cf9144 rgb(207,145,68)
```
#d8923b
```
#d8923b rgb(216,146,59)
```
#e19332
```
#e19332 rgb(225,147,50)
```
#ea9429
```
#ea9429 rgb(234,148,41)
```
#f39520
```
#f39520 rgb(243,149,32)
```
#fc9617
```
#fc9617 rgb(252,150,23)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#9a9389 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69a69 Protanopia 1% of men
#b89367 Deuteranopia 1% of men
#bc8d97 Tritanopia 0.001% of the population

Trichromacy

#ab9565 Protanomaly 1% of men, 0.01% of women
#b69164 Deuteranomaly 6% of men, 0.4% of women
#b98d82 Tritanomaly 0.01% of the population

#b48e5f hex color

#b48e5f Color Information

#b48e5f Color Conversion

Color Schemes with #b48e5f

Alternatives to #b48e5f

#b48e5f Preview

Shades and Tints of #b48e5f

Tones of #b48e5f

Color Blindness Simulator