#b48676 hex color

In a RGB color space, hex #b48676 is composed of 70.6% red, 52.5% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.6% magenta, 34.4% yellow and 29.4% black. It has a hue angle of 15.5 degrees, a saturation of 29.2% and a lightness of 58.4%. #b48676 color hex could be obtained by blending #ffffec with #690d00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 71
- G 53
- B 46
RGB color chart
- C 0
- M 26
- Y 34
- K 29
CMYK color chart

● #b48676 color description : Slightly desaturated orange.

The hexadecimal color #b48676 has RGB values of R:180, G:134, B:118 and CMYK values of C:0, M:0.26, Y:0.34, K:0.29. Its decimal value is 11830902.

Hex triplet	b48676	`#b48676`
RGB Decimal	180, 134, 118	`rgb(180,134,118)`
RGB Percent	70.6, 52.5, 46.3	`rgb(70.6%,52.5%,46.3%)`
CMYK	0, 26, 34, 29
HSL	15.5°, 29.2, 58.4	`hsl(15.5,29.2%,58.4%)`
HSV (or HSB)	15.5°, 34.4, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	59.945, 15.401, 15.492
XYZ	30.617, 28.063, 20.943
xyY	0.385, 0.352, 28.063
CIE-LCH	59.945, 21.845, 45.169
CIE-LUV	59.945, 31.366, 17.663
Hunter-Lab	52.974, 10.462, 13.643
Binary	10110100, 10000110, 01110110

#b48676
```
#b48676 rgb(180,134,118)
```
#76a4b4
```
#76a4b4 rgb(118,164,180)
```

Complementary Color

#b47685
```
#b47685 rgb(180,118,133)
```
#b48676
```
#b48676 rgb(180,134,118)
```
#b4a576
```
#b4a576 rgb(180,165,118)
```

Analogous Color

#7685b4
```
#7685b4 rgb(118,133,180)
```
#b48676
```
#b48676 rgb(180,134,118)
```
#76b4a5
```
#76b4a5 rgb(118,180,165)
```

Split Complementary Color

#8676b4
```
#8676b4 rgb(134,118,180)
```
#b48676
```
#b48676 rgb(180,134,118)
```
#76b486
```
#76b486 rgb(118,180,134)
```

Triadic Color

#b476a4
```
#b476a4 rgb(180,118,164)
```
#b48676
```
#b48676 rgb(180,134,118)
```
#76b486
```
#76b486 rgb(118,180,134)
```
#76a4b4
```
#76a4b4 rgb(118,164,180)
```

Tetradic Color

#8f5f4e
```
#8f5f4e rgb(143,95,78)
```
#a06a57
```
#a06a57 rgb(160,106,87)
```
#ab7766
```
#ab7766 rgb(171,119,102)
```
#b48676
```
#b48676 rgb(180,134,118)
```
#bd9586
```
#bd9586 rgb(189,149,134)
```
#c6a397
```
#c6a397 rgb(198,163,151)
```
#cfb2a7
```
#cfb2a7 rgb(207,178,167)
```

Monochromatic Color

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

#b47776
```
#b47776 rgb(180,119,118)
```
#b47c76
```
#b47c76 rgb(180,124,118)
```
#b48176
```
#b48176 rgb(180,129,118)
```
#b48676
```
#b48676 rgb(180,134,118)
```
#b48b76
```
#b48b76 rgb(180,139,118)
```
#b49076
```
#b49076 rgb(180,144,118)
```
#b49676
```
#b49676 rgb(180,150,118)
```

Similar Colors

Text with hexadecimal color #b48676

This text has a font color of #b48676.

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

#b48676 background color

This paragraph has a background color of #b48676.

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

#b48676 border color

This element has a border color of #b48676.

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

CSS codes

.text {color:#b48676;}

.background {background-color:#b48676;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#0f0a08
```
#0f0a08 rgb(15,10,8)
```
#1c120f
```
#1c120f rgb(28,18,15)
```
#281b16
```
#281b16 rgb(40,27,22)
```
#35231d
```
#35231d rgb(53,35,29)
```
#422c24
```
#422c24 rgb(66,44,36)
```
#4e342b
```
#4e342b rgb(78,52,43)
```
#5b3d32
```
#5b3d32 rgb(91,61,50)
```
#684539
```
#684539 rgb(104,69,57)
```
#754d40
```
#754d40 rgb(117,77,64)
```
#815647
```
#815647 rgb(129,86,71)
```
#8e5e4e
```
#8e5e4e rgb(142,94,78)
```
#9b6755
```
#9b6755 rgb(155,103,85)
```

Shade Color Variation

#a6705d
```
#a6705d rgb(166,112,93)
```
#ad7b69
```
#ad7b69 rgb(173,123,105)
```
#b48676
```
#b48676 rgb(180,134,118)
```
#bb9183
```
#bb9183 rgb(187,145,131)
```
#c29c8f
```
#c29c8f rgb(194,156,143)
```
#c9a89c
```
#c9a89c rgb(201,168,156)
```
#d0b3a9
```
#d0b3a9 rgb(208,179,169)
```
#d7beb5
```
#d7beb5 rgb(215,190,181)
```
#dec9c2
```
#dec9c2 rgb(222,201,194)
```
#e5d4cf
```
#e5d4cf rgb(229,212,207)
```
#ece0db
```
#ece0db rgb(236,224,219)
```
#f2ebe8
```
#f2ebe8 rgb(242,235,232)
```
#f9f6f5
```
#f9f6f5 rgb(249,246,245)
```

Tint Color Variation

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

#9c928e
```
#9c928e rgb(156,146,142)
```
#a48e86
```
#a48e86 rgb(164,142,134)
```
#ac8a7e
```
#ac8a7e rgb(172,138,126)
```
#b48676
```
#b48676 rgb(180,134,118)
```
#bc826e
```
#bc826e rgb(188,130,110)
```
#c47e66
```
#c47e66 rgb(196,126,102)
```
#cc7a5e
```
#cc7a5e rgb(204,122,94)
```
#d57655
```
#d57655 rgb(213,118,85)
```
#dd724d
```
#dd724d rgb(221,114,77)
```
#e56e45
```
#e56e45 rgb(229,110,69)
```
#ed6a3d
```
#ed6a3d rgb(237,106,61)
```
#f56635
```
#f56635 rgb(245,102,53)
```
#fd622d
```
#fd622d rgb(253,98,45)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#99908c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9581 Protanopia 1% of men
#ad907b Deuteranopia 1% of men
#ba8992 Tritanopia 0.001% of the population

Trichromacy

#a5907d Protanomaly 1% of men, 0.01% of women
#af8c79 Deuteranomaly 6% of men, 0.4% of women
#b88788 Tritanomaly 0.01% of the population

#b48676 hex color

#b48676 Color Information

#b48676 Color Conversion

Color Schemes with #b48676

Alternatives to #b48676

#b48676 Preview

Shades and Tints of #b48676

Tones of #b48676

Color Blindness Simulator