#b48377 hex color

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

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

● #b48377 color description : Slightly desaturated red.

The hexadecimal color #b48377 has RGB values of R:180, G:131, B:119 and CMYK values of C:0, M:0.27, Y:0.34, K:0.29. Its decimal value is 11830135.

Hex triplet	b48377	`#b48377`
RGB Decimal	180, 131, 119	`rgb(180,131,119)`
RGB Percent	70.6, 51.4, 46.7	`rgb(70.6%,51.4%,46.7%)`
CMYK	0, 27, 34, 29
HSL	11.8°, 28.9, 58.6	`hsl(11.8,28.9%,58.6%)`
HSV (or HSB)	11.8°, 33.9, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	59.223, 17.209, 13.919
XYZ	30.268, 27.269, 21.121
xyY	0.385, 0.347, 27.269
CIE-LCH	59.223, 22.134, 38.967
CIE-LUV	59.223, 33.122, 15.323
Hunter-Lab	52.22, 12.08, 12.573
Binary	10110100, 10000011, 01110111

#b48377
```
#b48377 rgb(180,131,119)
```
#77a8b4
```
#77a8b4 rgb(119,168,180)
```

Complementary Color

#b4778a
```
#b4778a rgb(180,119,138)
```
#b48377
```
#b48377 rgb(180,131,119)
```
#b4a277
```
#b4a277 rgb(180,162,119)
```

Analogous Color

#778ab4
```
#778ab4 rgb(119,138,180)
```
#b48377
```
#b48377 rgb(180,131,119)
```
#77b4a2
```
#77b4a2 rgb(119,180,162)
```

Split Complementary Color

#8377b4
```
#8377b4 rgb(131,119,180)
```
#b48377
```
#b48377 rgb(180,131,119)
```
#77b483
```
#77b483 rgb(119,180,131)
```

Triadic Color

#b477a8
```
#b477a8 rgb(180,119,168)
```
#b48377
```
#b48377 rgb(180,131,119)
```
#77b483
```
#77b483 rgb(119,180,131)
```
#77a8b4
```
#77a8b4 rgb(119,168,180)
```

Tetradic Color

#8f5c4f
```
#8f5c4f rgb(143,92,79)
```
#a06658
```
#a06658 rgb(160,102,88)
```
#ab7467
```
#ab7467 rgb(171,116,103)
```
#b48377
```
#b48377 rgb(180,131,119)
```
#bd9287
```
#bd9287 rgb(189,146,135)
```
#c6a198
```
#c6a198 rgb(198,161,152)
```
#cfb0a8
```
#cfb0a8 rgb(207,176,168)
```

Monochromatic Color

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

#b4777a
```
#b4777a rgb(180,119,122)
```
#b47977
```
#b47977 rgb(180,121,119)
```
#b47e77
```
#b47e77 rgb(180,126,119)
```
#b48377
```
#b48377 rgb(180,131,119)
```
#b48877
```
#b48877 rgb(180,136,119)
```
#b48d77
```
#b48d77 rgb(180,141,119)
```
#b49277
```
#b49277 rgb(180,146,119)
```

Similar Colors

Text with hexadecimal color #b48377

This text has a font color of #b48377.

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

#b48377 background color

This paragraph has a background color of #b48377.

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

#b48377 border color

This element has a border color of #b48377.

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

CSS codes

.text {color:#b48377;}

.background {background-color:#b48377;}

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

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

#030202
```
#030202 rgb(3,2,2)
```
#100a09
```
#100a09 rgb(16,10,9)
```
#1c1210
```
#1c1210 rgb(28,18,16)
```
#291a17
```
#291a17 rgb(41,26,23)
```
#36221e
```
#36221e rgb(54,34,30)
```
#422a25
```
#422a25 rgb(66,42,37)
```
#4f322c
```
#4f322c rgb(79,50,44)
```
#5c3b33
```
#5c3b33 rgb(92,59,51)
```
#684339
```
#684339 rgb(104,67,57)
```
#754b40
```
#754b40 rgb(117,75,64)
```
#825347
```
#825347 rgb(130,83,71)
```
#8e5b4e
```
#8e5b4e rgb(142,91,78)
```
#9b6355
```
#9b6355 rgb(155,99,85)
```

Shade Color Variation

#a66c5e
```
#a66c5e rgb(166,108,94)
```
#ad776a
```
#ad776a rgb(173,119,106)
```
#b48377
```
#b48377 rgb(180,131,119)
```
#bb8f84
```
#bb8f84 rgb(187,143,132)
```
#c29a90
```
#c29a90 rgb(194,154,144)
```
#c9a69d
```
#c9a69d rgb(201,166,157)
```
#d0b1aa
```
#d0b1aa rgb(208,177,170)
```
#d7bdb6
```
#d7bdb6 rgb(215,189,182)
```
#dec8c3
```
#dec8c3 rgb(222,200,195)
```
#e5d4d0
```
#e5d4d0 rgb(229,212,208)
```
#ecdfdc
```
#ecdfdc rgb(236,223,220)
```
#f3ebe9
```
#f3ebe9 rgb(243,235,233)
```
#faf6f5
```
#faf6f5 rgb(250,246,245)
```

Tint Color Variation

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

#9c928f
```
#9c928f rgb(156,146,143)
```
#a48d87
```
#a48d87 rgb(164,141,135)
```
#ac887f
```
#ac887f rgb(172,136,127)
```
#b48377
```
#b48377 rgb(180,131,119)
```
#bc7e6f
```
#bc7e6f rgb(188,126,111)
```
#c47967
```
#c47967 rgb(196,121,103)
```
#cc745f
```
#cc745f rgb(204,116,95)
```
#d46f57
```
#d46f57 rgb(212,111,87)
```
#dd6a4e
```
#dd6a4e rgb(221,106,78)
```
#e56546
```
#e56546 rgb(229,101,70)
```
#ed613e
```
#ed613e rgb(237,97,62)
```
#f55c36
```
#f55c36 rgb(245,92,54)
```
#fd572e
```
#fd572e rgb(253,87,46)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#978d8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b9382 Protanopia 1% of men
#aa8f7c Deuteranopia 1% of men
#b98690 Tritanopia 0.001% of the population

Trichromacy

#a48d7e Protanomaly 1% of men, 0.01% of women
#ae8a7a Deuteranomaly 6% of men, 0.4% of women
#b78586 Tritanomaly 0.01% of the population

#b48377 hex color

#b48377 Color Information

#b48377 Color Conversion

Color Schemes with #b48377

Alternatives to #b48377

#b48377 Preview

Shades and Tints of #b48377

Tones of #b48377

Color Blindness Simulator