#b48a64 hex color

In a RGB color space, hex #b48a64 is composed of 70.6% red, 54.1% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.3% magenta, 44.4% yellow and 29.4% black. It has a hue angle of 28.5 degrees, a saturation of 34.8% and a lightness of 54.9%. #b48a64 color hex could be obtained by blending #ffffc8 with #691500. Closest websafe color is: #cc9966.

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

● #b48a64 color description : Slightly desaturated orange.

The hexadecimal color #b48a64 has RGB values of R:180, G:138, B:100 and CMYK values of C:0, M:0.23, Y:0.44, K:0.29. Its decimal value is 11831908.

Hex triplet	b48a64	`#b48a64`
RGB Decimal	180, 138, 100	`rgb(180,138,100)`
RGB Percent	70.6, 54.1, 39.2	`rgb(70.6%,54.1%,39.2%)`
CMYK	0, 23, 44, 29
HSL	28.5°, 34.8, 54.9	`hsl(28.5,34.8%,54.9%)`
HSV (or HSB)	28.5°, 44.4, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	60.606, 11.03, 26.487
XYZ	30.211, 28.802, 16.024
xyY	0.403, 0.384, 28.802
CIE-LCH	60.606, 28.692, 67.391
CIE-LUV	60.606, 30.702, 31.217
Hunter-Lab	53.667, 6.567, 19.864
Binary	10110100, 10001010, 01100100

#b48a64
```
#b48a64 rgb(180,138,100)
```
#648eb4
```
#648eb4 rgb(100,142,180)
```

Complementary Color

#b46466
```
#b46466 rgb(180,100,102)
```
#b48a64
```
#b48a64 rgb(180,138,100)
```
#b4b264
```
#b4b264 rgb(180,178,100)
```

Analogous Color

#6466b4
```
#6466b4 rgb(100,102,180)
```
#b48a64
```
#b48a64 rgb(180,138,100)
```
#64b4b2
```
#64b4b2 rgb(100,180,178)
```

Split Complementary Color

#8a64b4
```
#8a64b4 rgb(138,100,180)
```
#b48a64
```
#b48a64 rgb(180,138,100)
```
#64b48a
```
#64b48a rgb(100,180,138)
```

Triadic Color

#b4648e
```
#b4648e rgb(180,100,142)
```
#b48a64
```
#b48a64 rgb(180,138,100)
```
#64b48a
```
#64b48a rgb(100,180,138)
```
#648eb4
```
#648eb4 rgb(100,142,180)
```

Tetradic Color

#896442
```
#896442 rgb(137,100,66)
```
#9a714b
```
#9a714b rgb(154,113,75)
```
#ac7d53
```
#ac7d53 rgb(172,125,83)
```
#b48a64
```
#b48a64 rgb(180,138,100)
```
#bc9775
```
#bc9775 rgb(188,151,117)
```
#c5a486
```
#c5a486 rgb(197,164,134)
```
#cdb198
```
#cdb198 rgb(205,177,152)
```

Monochromatic Color

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

#b47664
```
#b47664 rgb(180,118,100)
```
#b47d64
```
#b47d64 rgb(180,125,100)
```
#b48364
```
#b48364 rgb(180,131,100)
```
#b48a64
```
#b48a64 rgb(180,138,100)
```
#b49164
```
#b49164 rgb(180,145,100)
```
#b49764
```
#b49764 rgb(180,151,100)
```
#b49e64
```
#b49e64 rgb(180,158,100)
```

Similar Colors

Text with hexadecimal color #b48a64

This text has a font color of #b48a64.

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

#b48a64 background color

This paragraph has a background color of #b48a64.

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

#b48a64 border color

This element has a border color of #b48a64.

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

CSS codes

.text {color:#b48a64;}

.background {background-color:#b48a64;}

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

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

#040302
```
#040302 rgb(4,3,2)
```
#110c08
```
#110c08 rgb(17,12,8)
```
#1e160f
```
#1e160f rgb(30,22,15)
```
#2b2015
```
#2b2015 rgb(43,32,21)
```
#39291b
```
#39291b rgb(57,41,27)
```
#463322
```
#463322 rgb(70,51,34)
```
#533c28
```
#533c28 rgb(83,60,40)
```
#60462f
```
#60462f rgb(96,70,47)
```
#6d5035
```
#6d5035 rgb(109,80,53)
```
#7b593b
```
#7b593b rgb(123,89,59)
```
#886342
```
#886342 rgb(136,99,66)
```
#956d48
```
#956d48 rgb(149,109,72)
```
#a2764f
```
#a2764f rgb(162,118,79)
```

Shade Color Variation

#ae8057
```
#ae8057 rgb(174,128,87)
```
#b48a64
```
#b48a64 rgb(180,138,100)
```
#ba9471
```
#ba9471 rgb(186,148,113)
```
#c19e7e
```
#c19e7e rgb(193,158,126)
```
#c7a88c
```
#c7a88c rgb(199,168,140)
```
#ceb299
```
#ceb299 rgb(206,178,153)
```
#d4bca6
```
#d4bca6 rgb(212,188,166)
```
#dac6b3
```
#dac6b3 rgb(218,198,179)
```
#e1d0c1
```
#e1d0c1 rgb(225,208,193)
```
#e7dace
```
#e7dace rgb(231,218,206)
```
#eee4db
```
#eee4db rgb(238,228,219)
```
#f4eee8
```
#f4eee8 rgb(244,238,232)
```
#faf8f5
```
#faf8f5 rgb(250,248,245)
```

Tint Color Variation

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

#918c87
```
#918c87 rgb(145,140,135)
```
#998b7f
```
#998b7f rgb(153,139,127)
```
#a28b76
```
#a28b76 rgb(162,139,118)
```
#ab8a6d
```
#ab8a6d rgb(171,138,109)
```
#b48a64
```
#b48a64 rgb(180,138,100)
```
#bd8a5b
```
#bd8a5b rgb(189,138,91)
```
#c68952
```
#c68952 rgb(198,137,82)
```
#cf8949
```
#cf8949 rgb(207,137,73)
```
#d78841
```
#d78841 rgb(215,136,65)
```
#e08838
```
#e08838 rgb(224,136,56)
```
#e9872f
```
#e9872f rgb(233,135,47)
```
#f28726
```
#f28726 rgb(242,135,38)
```
#fb861d
```
#fb861d rgb(251,134,29)
```

Tone Color Variation

Below, you can see how #b48a64 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
#999089 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3976f Protanopia 1% of men
#b3916b Deuteranopia 1% of men
#bc8a94 Tritanopia 0.001% of the population

Trichromacy

#a9926b Protanomaly 1% of men, 0.01% of women
#b38e68 Deuteranomaly 6% of men, 0.4% of women
#b98a82 Tritanomaly 0.01% of the population

#b48a64 hex color

#b48a64 Color Information

#b48a64 Color Conversion

Color Schemes with #b48a64

Alternatives to #b48a64

#b48a64 Preview

Shades and Tints of #b48a64

Tones of #b48a64

Color Blindness Simulator