#b48a5f hex color

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

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

● #b48a5f color description : Slightly desaturated orange.

The hexadecimal color #b48a5f has RGB values of R:180, G:138, B:95 and CMYK values of C:0, M:0.23, Y:0.47, K:0.29. Its decimal value is 11831903.

Hex triplet	b48a5f	`#b48a5f`
RGB Decimal	180, 138, 95	`rgb(180,138,95)`
RGB Percent	70.6, 54.1, 37.3	`rgb(70.6%,54.1%,37.3%)`
CMYK	0, 23, 47, 29
HSL	30.4°, 36.2, 53.9	`hsl(30.4,36.2%,53.9%)`
HSV (or HSB)	30.4°, 47.2, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	60.523, 10.504, 29.131
XYZ	29.977, 28.708, 14.788
xyY	0.408, 0.391, 28.708
CIE-LCH	60.523, 30.967, 70.172
CIE-LUV	60.523, 31.171, 34.092
Hunter-Lab	53.58, 6.102, 21.142
Binary	10110100, 10001010, 01011111

#b48a5f
```
#b48a5f rgb(180,138,95)
```
#5f89b4
```
#5f89b4 rgb(95,137,180)
```

Complementary Color

#b4605f
```
#b4605f rgb(180,96,95)
```
#b48a5f
```
#b48a5f rgb(180,138,95)
```
#b4b45f
```
#b4b45f rgb(180,180,95)
```

Analogous Color

#605fb4
```
#605fb4 rgb(96,95,180)
```
#b48a5f
```
#b48a5f rgb(180,138,95)
```
#5fb4b4
```
#5fb4b4 rgb(95,180,180)
```

Split Complementary Color

#8a5fb4
```
#8a5fb4 rgb(138,95,180)
```
#b48a5f
```
#b48a5f rgb(180,138,95)
```
#5fb48a
```
#5fb48a rgb(95,180,138)
```

Triadic Color

#b45f89
```
#b45f89 rgb(180,95,137)
```
#b48a5f
```
#b48a5f rgb(180,138,95)
```
#5fb48a
```
#5fb48a rgb(95,180,138)
```
#5f89b4
```
#5f89b4 rgb(95,137,180)
```

Tetradic Color

#87643f
```
#87643f rgb(135,100,63)
```
#997047
```
#997047 rgb(153,112,71)
```
#aa7d50
```
#aa7d50 rgb(170,125,80)
```
#b48a5f
```
#b48a5f rgb(180,138,95)
```
#bc9770
```
#bc9770 rgb(188,151,112)
```
#c4a382
```
#c4a382 rgb(196,163,130)
```
#ccb093
```
#ccb093 rgb(204,176,147)
```

Monochromatic Color

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

#b4755f
```
#b4755f rgb(180,117,95)
```
#b47c5f
```
#b47c5f rgb(180,124,95)
```
#b4835f
```
#b4835f rgb(180,131,95)
```
#b48a5f
```
#b48a5f rgb(180,138,95)
```
#b4915f
```
#b4915f rgb(180,145,95)
```
#b4985f
```
#b4985f rgb(180,152,95)
```
#b49f5f
```
#b49f5f rgb(180,159,95)
```

Similar Colors

Text with hexadecimal color #b48a5f

This text has a font color of #b48a5f.

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

#b48a5f background color

This paragraph has a background color of #b48a5f.

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

#b48a5f border color

This element has a border color of #b48a5f.

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

CSS codes

.text {color:#b48a5f;}

.background {background-color:#b48a5f;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0e0a06
```
#0e0a06 rgb(14,10,6)
```
#1b140d
```
#1b140d rgb(27,20,13)
```
#281e13
```
#281e13 rgb(40,30,19)
```
#362819
```
#362819 rgb(54,40,25)
```
#43311f
```
#43311f rgb(67,49,31)
```
#503b26
```
#503b26 rgb(80,59,38)
```
#5e452c
```
#5e452c rgb(94,69,44)
```
#6b4f32
```
#6b4f32 rgb(107,79,50)
```
#785938
```
#785938 rgb(120,89,56)
```
#86633f
```
#86633f rgb(134,99,63)
```
#936d45
```
#936d45 rgb(147,109,69)
```
#a1764b
```
#a1764b rgb(161,118,75)
```

Shade Color Variation

#ae8052
```
#ae8052 rgb(174,128,82)
```
#b48a5f
```
#b48a5f rgb(180,138,95)
```
#ba946c
```
#ba946c rgb(186,148,108)
```
#c19e7a
```
#c19e7a rgb(193,158,122)
```
#c7a787
```
#c7a787 rgb(199,167,135)
```
#cdb194
```
#cdb194 rgb(205,177,148)
```
#d3bba2
```
#d3bba2 rgb(211,187,162)
```
#dac5af
```
#dac5af rgb(218,197,175)
```
#e0cebc
```
#e0cebc rgb(224,206,188)
```
#e6d8ca
```
#e6d8ca rgb(230,216,202)
```
#ece2d7
```
#ece2d7 rgb(236,226,215)
```
#f3ece5
```
#f3ece5 rgb(243,236,229)
```
#f9f5f2
```
#f9f5f2 rgb(249,245,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 #fc8b17 is the most saturated one.

#908a83
```
#908a83 rgb(144,138,131)
```
#998a7a
```
#998a7a rgb(153,138,122)
```
#a28a71
```
#a28a71 rgb(162,138,113)
```
#ab8a68
```
#ab8a68 rgb(171,138,104)
```
#b48a5f
```
#b48a5f rgb(180,138,95)
```
#bd8a56
```
#bd8a56 rgb(189,138,86)
```
#c68a4d
```
#c68a4d rgb(198,138,77)
```
#cf8a44
```
#cf8a44 rgb(207,138,68)
```
#d88a3b
```
#d88a3b rgb(216,138,59)
```
#e18b32
```
#e18b32 rgb(225,139,50)
```
#ea8b29
```
#ea8b29 rgb(234,139,41)
```
#f38b20
```
#f38b20 rgb(243,139,32)
```
#fc8b17
```
#fc8b17 rgb(252,139,23)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#999088 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3976a Protanopia 1% of men
#b49166 Deuteranopia 1% of men
#bc8a93 Tritanopia 0.001% of the population

Trichromacy

#a99266 Protanomaly 1% of men, 0.01% of women
#b48e64 Deuteranomaly 6% of men, 0.4% of women
#b98a80 Tritanomaly 0.01% of the population

#b48a5f hex color

#b48a5f Color Information

#b48a5f Color Conversion

Color Schemes with #b48a5f

Alternatives to #b48a5f

#b48a5f Preview

Shades and Tints of #b48a5f

Tones of #b48a5f

Color Blindness Simulator