#b48e60 hex color

In a RGB color space, hex #b48e60 is composed of 70.6% red, 55.7% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.1% magenta, 46.7% yellow and 29.4% black. It has a hue angle of 32.9 degrees, a saturation of 35.9% and a lightness of 54.1%. #b48e60 color hex could be obtained by blending #ffffc0 with #691d00. Closest websafe color is: #cc9966.

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

● #b48e60 color description : Slightly desaturated orange.

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

Hex triplet	b48e60	`#b48e60`
RGB Decimal	180, 142, 96	`rgb(180,142,96)`
RGB Percent	70.6, 55.7, 37.6	`rgb(70.6%,55.7%,37.6%)`
CMYK	0, 21, 47, 29
HSL	32.9°, 35.9, 54.1	`hsl(32.9,35.9%,54.1%)`
HSV (or HSB)	32.9°, 46.7, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	61.564, 8.387, 29.925
XYZ	30.607, 29.895, 15.224
xyY	0.404, 0.395, 29.895
CIE-LCH	61.564, 31.078, 74.344
CIE-LUV	61.564, 28.401, 35.566
Hunter-Lab	54.676, 4.237, 21.765
Binary	10110100, 10001110, 01100000

#b48e60
```
#b48e60 rgb(180,142,96)
```
#6086b4
```
#6086b4 rgb(96,134,180)
```

Complementary Color

#b46460
```
#b46460 rgb(180,100,96)
```
#b48e60
```
#b48e60 rgb(180,142,96)
```
#b0b460
```
#b0b460 rgb(176,180,96)
```

Analogous Color

#6460b4
```
#6460b4 rgb(100,96,180)
```
#b48e60
```
#b48e60 rgb(180,142,96)
```
#60b0b4
```
#60b0b4 rgb(96,176,180)
```

Split Complementary Color

#8e60b4
```
#8e60b4 rgb(142,96,180)
```
#b48e60
```
#b48e60 rgb(180,142,96)
```
#60b48e
```
#60b48e rgb(96,180,142)
```

Triadic Color

#b46086
```
#b46086 rgb(180,96,134)
```
#b48e60
```
#b48e60 rgb(180,142,96)
```
#60b48e
```
#60b48e rgb(96,180,142)
```
#6086b4
```
#6086b4 rgb(96,134,180)
```

Tetradic Color

#886740
```
#886740 rgb(136,103,64)
```
#997448
```
#997448 rgb(153,116,72)
```
#aa8250
```
#aa8250 rgb(170,130,80)
```
#b48e60
```
#b48e60 rgb(180,142,96)
```
#bc9a71
```
#bc9a71 rgb(188,154,113)
```
#c4a783
```
#c4a783 rgb(196,167,131)
```
#cdb394
```
#cdb394 rgb(205,179,148)
```

Monochromatic Color

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

#b47960
```
#b47960 rgb(180,121,96)
```
#b48060
```
#b48060 rgb(180,128,96)
```
#b48760
```
#b48760 rgb(180,135,96)
```
#b48e60
```
#b48e60 rgb(180,142,96)
```
#b49560
```
#b49560 rgb(180,149,96)
```
#b49c60
```
#b49c60 rgb(180,156,96)
```
#b4a360
```
#b4a360 rgb(180,163,96)
```

Similar Colors

Text with hexadecimal color #b48e60

This text has a font color of #b48e60.

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

#b48e60 background color

This paragraph has a background color of #b48e60.

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

#b48e60 border color

This element has a border color of #b48e60.

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

CSS codes

.text {color:#b48e60;}

.background {background-color:#b48e60;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0e0b07
```
#0e0b07 rgb(14,11,7)
```
#1c150d
```
#1c150d rgb(28,21,13)
```
#291f13
```
#291f13 rgb(41,31,19)
```
#36291a
```
#36291a rgb(54,41,26)
```
#443320
```
#443320 rgb(68,51,32)
```
#513e26
```
#513e26 rgb(81,62,38)
```
#5e482c
```
#5e482c rgb(94,72,44)
```
#6c5233
```
#6c5233 rgb(108,82,51)
```
#795c39
```
#795c39 rgb(121,92,57)
```
#86663f
```
#86663f rgb(134,102,63)
```
#947046
```
#947046 rgb(148,112,70)
```
#a17a4c
```
#a17a4c rgb(161,122,76)
```

Shade Color Variation

#ae8553
```
#ae8553 rgb(174,133,83)
```
#b48e60
```
#b48e60 rgb(180,142,96)
```
#ba976d
```
#ba976d rgb(186,151,109)
```
#c1a17b
```
#c1a17b rgb(193,161,123)
```
#c7aa88
```
#c7aa88 rgb(199,170,136)
```
#cdb495
```
#cdb495 rgb(205,180,149)
```
#d3bda3
```
#d3bda3 rgb(211,189,163)
```
#dac7b0
```
#dac7b0 rgb(218,199,176)
```
#e0d0bd
```
#e0d0bd rgb(224,208,189)
```
#e6dacb
```
#e6dacb rgb(230,218,203)
```
#ede3d8
```
#ede3d8 rgb(237,227,216)
```
#f3ede5
```
#f3ede5 rgb(243,237,229)
```
#f9f6f3
```
#f9f6f3 rgb(249,246,243)
```

Tint Color Variation

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

#908b84
```
#908b84 rgb(144,139,132)
```
#998b7b
```
#998b7b rgb(153,139,123)
```
#a28c72
```
#a28c72 rgb(162,140,114)
```
#ab8d69
```
#ab8d69 rgb(171,141,105)
```
#b48e60
```
#b48e60 rgb(180,142,96)
```
#bd8f57
```
#bd8f57 rgb(189,143,87)
```
#c6904e
```
#c6904e rgb(198,144,78)
```
#cf9145
```
#cf9145 rgb(207,145,69)
```
#d8913c
```
#d8913c rgb(216,145,60)
```
#e19233
```
#e19233 rgb(225,146,51)
```
#ea932a
```
#ea932a rgb(234,147,42)
```
#f39421
```
#f39421 rgb(243,148,33)
```
#fc9518
```
#fc9518 rgb(252,149,24)
```

Tone Color Variation

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

Dichromacy

#a69a6a Protanopia 1% of men
#b79368 Deuteranopia 1% of men
#bc8d97 Tritanopia 0.001% of the population

Trichromacy

#ab9566 Protanomaly 1% of men, 0.01% of women
#b69165 Deuteranomaly 6% of men, 0.4% of women
#b98d83 Tritanomaly 0.01% of the population

#b48e60 hex color

#b48e60 Color Information

#b48e60 Color Conversion

Color Schemes with #b48e60

Alternatives to #b48e60

#b48e60 Preview

Shades and Tints of #b48e60

Tones of #b48e60

Color Blindness Simulator