#b48e77 hex color

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

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

● #b48e77 color description : Slightly desaturated orange.

The hexadecimal color #b48e77 has RGB values of R:180, G:142, B:119 and CMYK values of C:0, M:0.21, Y:0.34, K:0.29. Its decimal value is 11832951.

Hex triplet	b48e77	`#b48e77`
RGB Decimal	180, 142, 119	`rgb(180,142,119)`
RGB Percent	70.6, 55.7, 46.7	`rgb(70.6%,55.7%,46.7%)`
CMYK	0, 21, 34, 29
HSL	22.6°, 28.9, 58.6	`hsl(22.6,28.9%,58.6%)`
HSV (or HSB)	22.6°, 33.9, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	61.983, 11.068, 17.738
XYZ	31.825, 30.382, 21.64
xyY	0.38, 0.362, 30.382
CIE-LCH	61.983, 20.907, 58.037
CIE-LUV	61.983, 26.249, 21.432
Hunter-Lab	55.12, 6.601, 15.307
Binary	10110100, 10001110, 01110111

#b48e77
```
#b48e77 rgb(180,142,119)
```
#779db4
```
#779db4 rgb(119,157,180)
```

Complementary Color

#b4777f
```
#b4777f rgb(180,119,127)
```
#b48e77
```
#b48e77 rgb(180,142,119)
```
#b4ad77
```
#b4ad77 rgb(180,173,119)
```

Analogous Color

#777fb4
```
#777fb4 rgb(119,127,180)
```
#b48e77
```
#b48e77 rgb(180,142,119)
```
#77b4ad
```
#77b4ad rgb(119,180,173)
```

Split Complementary Color

#8e77b4
```
#8e77b4 rgb(142,119,180)
```
#b48e77
```
#b48e77 rgb(180,142,119)
```
#77b48e
```
#77b48e rgb(119,180,142)
```

Triadic Color

#b4779d
```
#b4779d rgb(180,119,157)
```
#b48e77
```
#b48e77 rgb(180,142,119)
```
#77b48e
```
#77b48e rgb(119,180,142)
```
#779db4
```
#779db4 rgb(119,157,180)
```

Tetradic Color

#8f674f
```
#8f674f rgb(143,103,79)
```
#a07358
```
#a07358 rgb(160,115,88)
```
#ab8067
```
#ab8067 rgb(171,128,103)
```
#b48e77
```
#b48e77 rgb(180,142,119)
```
#bd9c87
```
#bd9c87 rgb(189,156,135)
```
#c6a998
```
#c6a998 rgb(198,169,152)
```
#cfb7a8
```
#cfb7a8 rgb(207,183,168)
```

Monochromatic Color

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

#b47f77
```
#b47f77 rgb(180,127,119)
```
#b48477
```
#b48477 rgb(180,132,119)
```
#b48977
```
#b48977 rgb(180,137,119)
```
#b48e77
```
#b48e77 rgb(180,142,119)
```
#b49377
```
#b49377 rgb(180,147,119)
```
#b49877
```
#b49877 rgb(180,152,119)
```
#b49d77
```
#b49d77 rgb(180,157,119)
```

Similar Colors

Text with hexadecimal color #b48e77

This text has a font color of #b48e77.

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

#b48e77 background color

This paragraph has a background color of #b48e77.

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

#b48e77 border color

This element has a border color of #b48e77.

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

CSS codes

.text {color:#b48e77;}

.background {background-color:#b48e77;}

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

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

#030202
```
#030202 rgb(3,2,2)
```
#100b09
```
#100b09 rgb(16,11,9)
```
#1c1410
```
#1c1410 rgb(28,20,16)
```
#291e17
```
#291e17 rgb(41,30,23)
```
#36271e
```
#36271e rgb(54,39,30)
```
#423025
```
#423025 rgb(66,48,37)
```
#4f392c
```
#4f392c rgb(79,57,44)
```
#5c4233
```
#5c4233 rgb(92,66,51)
```
#684b39
```
#684b39 rgb(104,75,57)
```
#755440
```
#755440 rgb(117,84,64)
```
#825d47
```
#825d47 rgb(130,93,71)
```
#8e664e
```
#8e664e rgb(142,102,78)
```
#9b7055
```
#9b7055 rgb(155,112,85)
```

Shade Color Variation

#a6795e
```
#a6795e rgb(166,121,94)
```
#ad836a
```
#ad836a rgb(173,131,106)
```
#b48e77
```
#b48e77 rgb(180,142,119)
```
#bb9984
```
#bb9984 rgb(187,153,132)
```
#c2a390
```
#c2a390 rgb(194,163,144)
```
#c9ae9d
```
#c9ae9d rgb(201,174,157)
```
#d0b8aa
```
#d0b8aa rgb(208,184,170)
```
#d7c3b6
```
#d7c3b6 rgb(215,195,182)
```
#decdc3
```
#decdc3 rgb(222,205,195)
```
#e5d8d0
```
#e5d8d0 rgb(229,216,208)
```
#ece2dc
```
#ece2dc rgb(236,226,220)
```
#f3ede9
```
#f3ede9 rgb(243,237,233)
```
#faf7f5
```
#faf7f5 rgb(250,247,245)
```

Tint Color Variation

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

#9c948f
```
#9c948f rgb(156,148,143)
```
#a49287
```
#a49287 rgb(164,146,135)
```
#ac907f
```
#ac907f rgb(172,144,127)
```
#b48e77
```
#b48e77 rgb(180,142,119)
```
#bc8c6f
```
#bc8c6f rgb(188,140,111)
```
#c48a67
```
#c48a67 rgb(196,138,103)
```
#cc885f
```
#cc885f rgb(204,136,95)
```
#d48657
```
#d48657 rgb(212,134,87)
```
#dd844e
```
#dd844e rgb(221,132,78)
```
#e58246
```
#e58246 rgb(229,130,70)
```
#ed803e
```
#ed803e rgb(237,128,62)
```
#f57e36
```
#f57e36 rgb(245,126,54)
```
#fd7c2e
```
#fd7c2e rgb(253,124,46)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#9d9591 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39a81 Protanopia 1% of men
#b3957d Deuteranopia 1% of men
#bb8f99 Tritanopia 0.001% of the population

Trichromacy

#a9967d Protanomaly 1% of men, 0.01% of women
#b3927b Deuteranomaly 6% of men, 0.4% of women
#b88f8d Tritanomaly 0.01% of the population

#b48e77 hex color

#b48e77 Color Information

#b48e77 Color Conversion

Color Schemes with #b48e77

Alternatives to #b48e77

#b48e77 Preview

Shades and Tints of #b48e77

Tones of #b48e77

Color Blindness Simulator