#b48977 hex color

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

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

● #b48977 color description : Slightly desaturated orange.

The hexadecimal color #b48977 has RGB values of R:180, G:137, B:119 and CMYK values of C:0, M:0.24, Y:0.34, K:0.29. Its decimal value is 11831671.

Hex triplet	b48977	`#b48977`
RGB Decimal	180, 137, 119	`rgb(180,137,119)`
RGB Percent	70.6, 53.7, 46.7	`rgb(70.6%,53.7%,46.7%)`
CMYK	0, 24, 34, 29
HSL	17.7°, 28.9, 58.6	`hsl(17.7,28.9%,58.6%)`
HSV (or HSB)	17.7°, 33.9, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	60.718, 13.855, 15.994
XYZ	31.098, 28.928, 21.397
xyY	0.382, 0.355, 28.928
CIE-LCH	60.718, 21.161, 49.1
CIE-LUV	60.718, 29.373, 18.649
Hunter-Lab	53.785, 9.084, 14.062
Binary	10110100, 10001001, 01110111

#b48977
```
#b48977 rgb(180,137,119)
```
#77a2b4
```
#77a2b4 rgb(119,162,180)
```

Complementary Color

#b47784
```
#b47784 rgb(180,119,132)
```
#b48977
```
#b48977 rgb(180,137,119)
```
#b4a877
```
#b4a877 rgb(180,168,119)
```

Analogous Color

#7784b4
```
#7784b4 rgb(119,132,180)
```
#b48977
```
#b48977 rgb(180,137,119)
```
#77b4a8
```
#77b4a8 rgb(119,180,168)
```

Split Complementary Color

#8977b4
```
#8977b4 rgb(137,119,180)
```
#b48977
```
#b48977 rgb(180,137,119)
```
#77b489
```
#77b489 rgb(119,180,137)
```

Triadic Color

#b477a2
```
#b477a2 rgb(180,119,162)
```
#b48977
```
#b48977 rgb(180,137,119)
```
#77b489
```
#77b489 rgb(119,180,137)
```
#77a2b4
```
#77a2b4 rgb(119,162,180)
```

Tetradic Color

#8f624f
```
#8f624f rgb(143,98,79)
```
#a06d58
```
#a06d58 rgb(160,109,88)
```
#ab7b67
```
#ab7b67 rgb(171,123,103)
```
#b48977
```
#b48977 rgb(180,137,119)
```
#bd9787
```
#bd9787 rgb(189,151,135)
```
#c6a698
```
#c6a698 rgb(198,166,152)
```
#cfb4a8
```
#cfb4a8 rgb(207,180,168)
```

Monochromatic Color

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

#b47a77
```
#b47a77 rgb(180,122,119)
```
#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)
```

Similar Colors

Text with hexadecimal color #b48977

This text has a font color of #b48977.

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

#b48977 background color

This paragraph has a background color of #b48977.

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

#b48977 border color

This element has a border color of #b48977.

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

CSS codes

.text {color:#b48977;}

.background {background-color:#b48977;}

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

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)
```
#1c1310
```
#1c1310 rgb(28,19,16)
```
#291c17
```
#291c17 rgb(41,28,23)
```
#36251e
```
#36251e rgb(54,37,30)
```
#422d25
```
#422d25 rgb(66,45,37)
```
#4f362c
```
#4f362c rgb(79,54,44)
```
#5c3f33
```
#5c3f33 rgb(92,63,51)
```
#684739
```
#684739 rgb(104,71,57)
```
#755040
```
#755040 rgb(117,80,64)
```
#825947
```
#825947 rgb(130,89,71)
```
#8e614e
```
#8e614e rgb(142,97,78)
```
#9b6a55
```
#9b6a55 rgb(155,106,85)
```

Shade Color Variation

#a6735e
```
#a6735e rgb(166,115,94)
```
#ad7e6a
```
#ad7e6a rgb(173,126,106)
```
#b48977
```
#b48977 rgb(180,137,119)
```
#bb9484
```
#bb9484 rgb(187,148,132)
```
#c29f90
```
#c29f90 rgb(194,159,144)
```
#c9aa9d
```
#c9aa9d rgb(201,170,157)
```
#d0b5aa
```
#d0b5aa rgb(208,181,170)
```
#d7c0b6
```
#d7c0b6 rgb(215,192,182)
```
#decbc3
```
#decbc3 rgb(222,203,195)
```
#e5d6d0
```
#e5d6d0 rgb(229,214,208)
```
#ece1dc
```
#ece1dc rgb(236,225,220)
```
#f3ece9
```
#f3ece9 rgb(243,236,233)
```
#faf7f5
```
#faf7f5 rgb(250,247,245)
```

Tint Color Variation

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

#9c938f
```
#9c938f rgb(156,147,143)
```
#a49087
```
#a49087 rgb(164,144,135)
```
#ac8c7f
```
#ac8c7f rgb(172,140,127)
```
#b48977
```
#b48977 rgb(180,137,119)
```
#bc866f
```
#bc866f rgb(188,134,111)
```
#c48267
```
#c48267 rgb(196,130,103)
```
#cc7f5f
```
#cc7f5f rgb(204,127,95)
```
#d47c57
```
#d47c57 rgb(212,124,87)
```
#dd784e
```
#dd784e rgb(221,120,78)
```
#e57546
```
#e57546 rgb(229,117,70)
```
#ed723e
```
#ed723e rgb(237,114,62)
```
#f56e36
```
#f56e36 rgb(245,110,54)
```
#fd6b2e
```
#fd6b2e rgb(253,107,46)
```

Tone Color Variation

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

Dichromacy

#9f9781 Protanopia 1% of men
#af927d Deuteranopia 1% of men
#ba8b95 Tritanopia 0.001% of the population

Trichromacy

#a7927d Protanomaly 1% of men, 0.01% of women
#b18f7a Deuteranomaly 6% of men, 0.4% of women
#b88a8a Tritanomaly 0.01% of the population

#b48977 hex color

#b48977 Color Information

#b48977 Color Conversion

Color Schemes with #b48977

Alternatives to #b48977

#b48977 Preview

Shades and Tints of #b48977

Tones of #b48977

Color Blindness Simulator