#b48778 hex color

In a RGB color space, hex #b48778 is composed of 70.6% red, 52.9% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25% magenta, 33.3% yellow and 29.4% black. It has a hue angle of 15 degrees, a saturation of 28.6% and a lightness of 58.8%. #b48778 color hex could be obtained by blending #fffff0 with #690f00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 71
- G 53
- B 47
RGB color chart
- C 0
- M 25
- Y 33
- K 29
CMYK color chart

● #b48778 color description : Slightly desaturated red.

The hexadecimal color #b48778 has RGB values of R:180, G:135, B:120 and CMYK values of C:0, M:0.25, Y:0.33, K:0.29. Its decimal value is 11831160.

Hex triplet	b48778	`#b48778`
RGB Decimal	180, 135, 120	`rgb(180,135,120)`
RGB Percent	70.6, 52.9, 47.1	`rgb(70.6%,52.9%,47.1%)`
CMYK	0, 25, 33, 29
HSL	15°, 28.6, 58.8	`hsl(15,28.6%,58.8%)`
HSV (or HSB)	15°, 33.3, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	60.238, 15.103, 14.763
XYZ	30.876, 28.389, 21.621
xyY	0.382, 0.351, 28.389
CIE-LCH	60.238, 21.12, 44.347
CIE-LUV	60.238, 30.507, 16.857
Hunter-Lab	53.281, 10.2, 13.237
Binary	10110100, 10000111, 01111000

#b48778
```
#b48778 rgb(180,135,120)
```
#78a5b4
```
#78a5b4 rgb(120,165,180)
```

Complementary Color

#b47887
```
#b47887 rgb(180,120,135)
```
#b48778
```
#b48778 rgb(180,135,120)
```
#b4a578
```
#b4a578 rgb(180,165,120)
```

Analogous Color

#7887b4
```
#7887b4 rgb(120,135,180)
```
#b48778
```
#b48778 rgb(180,135,120)
```
#78b4a5
```
#78b4a5 rgb(120,180,165)
```

Split Complementary Color

#8778b4
```
#8778b4 rgb(135,120,180)
```
#b48778
```
#b48778 rgb(180,135,120)
```
#78b487
```
#78b487 rgb(120,180,135)
```

Triadic Color

#b478a5
```
#b478a5 rgb(180,120,165)
```
#b48778
```
#b48778 rgb(180,135,120)
```
#78b487
```
#78b487 rgb(120,180,135)
```
#78a5b4
```
#78a5b4 rgb(120,165,180)
```

Tetradic Color

#906050
```
#906050 rgb(144,96,80)
```
#a06b59
```
#a06b59 rgb(160,107,89)
```
#ab7868
```
#ab7868 rgb(171,120,104)
```
#b48778
```
#b48778 rgb(180,135,120)
```
#bd9688
```
#bd9688 rgb(189,150,136)
```
#c6a499
```
#c6a499 rgb(198,164,153)
```
#cfb3a9
```
#cfb3a9 rgb(207,179,169)
```

Monochromatic Color

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

#b47878
```
#b47878 rgb(180,120,120)
```
#b47d78
```
#b47d78 rgb(180,125,120)
```
#b48278
```
#b48278 rgb(180,130,120)
```
#b48778
```
#b48778 rgb(180,135,120)
```
#b48c78
```
#b48c78 rgb(180,140,120)
```
#b49178
```
#b49178 rgb(180,145,120)
```
#b49678
```
#b49678 rgb(180,150,120)
```

Similar Colors

Text with hexadecimal color #b48778

This text has a font color of #b48778.

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

#b48778 background color

This paragraph has a background color of #b48778.

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

#b48778 border color

This element has a border color of #b48778.

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

CSS codes

.text {color:#b48778;}

.background {background-color:#b48778;}

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

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

#040202
```
#040202 rgb(4,2,2)
```
#100b09
```
#100b09 rgb(16,11,9)
```
#1d1310
```
#1d1310 rgb(29,19,16)
```
#2a1c17
```
#2a1c17 rgb(42,28,23)
```
#36241e
```
#36241e rgb(54,36,30)
```
#432d25
```
#432d25 rgb(67,45,37)
```
#4f352c
```
#4f352c rgb(79,53,44)
```
#5c3d33
```
#5c3d33 rgb(92,61,51)
```
#69463a
```
#69463a rgb(105,70,58)
```
#754e41
```
#754e41 rgb(117,78,65)
```
#825748
```
#825748 rgb(130,87,72)
```
#8e5f4f
```
#8e5f4f rgb(142,95,79)
```
#9b6756
```
#9b6756 rgb(155,103,86)
```

Shade Color Variation

#a6715f
```
#a6715f rgb(166,113,95)
```
#ad7c6b
```
#ad7c6b rgb(173,124,107)
```
#b48778
```
#b48778 rgb(180,135,120)
```
#bb9285
```
#bb9285 rgb(187,146,133)
```
#c29d91
```
#c29d91 rgb(194,157,145)
```
#c9a99e
```
#c9a99e rgb(201,169,158)
```
#d0b4aa
```
#d0b4aa rgb(208,180,170)
```
#d7bfb7
```
#d7bfb7 rgb(215,191,183)
```
#decac4
```
#decac4 rgb(222,202,196)
```
#e5d5d0
```
#e5d5d0 rgb(229,213,208)
```
#ece1dd
```
#ece1dd rgb(236,225,221)
```
#f3ece9
```
#f3ece9 rgb(243,236,233)
```
#faf7f6
```
#faf7f6 rgb(250,247,246)
```

Tint Color Variation

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

#9c9390
```
#9c9390 rgb(156,147,144)
```
#a48f88
```
#a48f88 rgb(164,143,136)
```
#ac8b80
```
#ac8b80 rgb(172,139,128)
```
#b48778
```
#b48778 rgb(180,135,120)
```
#bc8370
```
#bc8370 rgb(188,131,112)
```
#c47f68
```
#c47f68 rgb(196,127,104)
```
#cc7b60
```
#cc7b60 rgb(204,123,96)
```
#d47758
```
#d47758 rgb(212,119,88)
```
#dc7350
```
#dc7350 rgb(220,115,80)
```
#e46f48
```
#e46f48 rgb(228,111,72)
```
#ed6b3f
```
#ed6b3f rgb(237,107,63)
```
#f56737
```
#f56737 rgb(245,103,55)
```
#fd632f
```
#fd632f rgb(253,99,47)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#9a918e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9683 Protanopia 1% of men
#ad917d Deuteranopia 1% of men
#ba8a93 Tritanopia 0.001% of the population

Trichromacy

#a6907f Protanomaly 1% of men, 0.01% of women
#b08d7b Deuteranomaly 6% of men, 0.4% of women
#b88989 Tritanomaly 0.01% of the population

#b48778 hex color

#b48778 Color Information

#b48778 Color Conversion

Color Schemes with #b48778

Alternatives to #b48778

#b48778 Preview

Shades and Tints of #b48778

Tones of #b48778

Color Blindness Simulator