#b48667 hex color

In a RGB color space, hex #b48667 is composed of 70.6% red, 52.5% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.6% magenta, 42.8% yellow and 29.4% black. It has a hue angle of 24.2 degrees, a saturation of 33.9% and a lightness of 55.5%. #b48667 color hex could be obtained by blending #ffffce with #690d00. Closest websafe color is: #cc9966.

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

● #b48667 color description : Slightly desaturated orange.

The hexadecimal color #b48667 has RGB values of R:180, G:134, B:103 and CMYK values of C:0, M:0.26, Y:0.43, K:0.29. Its decimal value is 11830887.

Hex triplet	b48667	`#b48667`
RGB Decimal	180, 134, 103	`rgb(180,134,103)`
RGB Percent	70.6, 52.5, 40.4	`rgb(70.6%,52.5%,40.4%)`
CMYK	0, 26, 43, 29
HSL	24.2°, 33.9, 55.5	`hsl(24.2,33.9%,55.5%)`
HSV (or HSB)	24.2°, 42.8, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	59.648, 13.59, 23.552
XYZ	29.796, 27.734, 16.615
xyY	0.402, 0.374, 27.734
CIE-LCH	59.648, 27.192, 60.014
CIE-LUV	59.648, 33.046, 27.338
Hunter-Lab	52.663, 8.831, 18.158
Binary	10110100, 10000110, 01100111

#b48667
```
#b48667 rgb(180,134,103)
```
#6795b4
```
#6795b4 rgb(103,149,180)
```

Complementary Color

#b4676f
```
#b4676f rgb(180,103,111)
```
#b48667
```
#b48667 rgb(180,134,103)
```
#b4ad67
```
#b4ad67 rgb(180,173,103)
```

Analogous Color

#676fb4
```
#676fb4 rgb(103,111,180)
```
#b48667
```
#b48667 rgb(180,134,103)
```
#67b4ad
```
#67b4ad rgb(103,180,173)
```

Split Complementary Color

#8667b4
```
#8667b4 rgb(134,103,180)
```
#b48667
```
#b48667 rgb(180,134,103)
```
#67b486
```
#67b486 rgb(103,180,134)
```

Triadic Color

#b46795
```
#b46795 rgb(180,103,149)
```
#b48667
```
#b48667 rgb(180,134,103)
```
#67b486
```
#67b486 rgb(103,180,134)
```
#6795b4
```
#6795b4 rgb(103,149,180)
```

Tetradic Color

#8a6044
```
#8a6044 rgb(138,96,68)
```
#9b6c4d
```
#9b6c4d rgb(155,108,77)
```
#ac7856
```
#ac7856 rgb(172,120,86)
```
#b48667
```
#b48667 rgb(180,134,103)
```
#bc9478
```
#bc9478 rgb(188,148,120)
```
#c5a189
```
#c5a189 rgb(197,161,137)
```
#cdaf9a
```
#cdaf9a rgb(205,175,154)
```

Monochromatic Color

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

#b47367
```
#b47367 rgb(180,115,103)
```
#b47967
```
#b47967 rgb(180,121,103)
```
#b48067
```
#b48067 rgb(180,128,103)
```
#b48667
```
#b48667 rgb(180,134,103)
```
#b48c67
```
#b48c67 rgb(180,140,103)
```
#b49367
```
#b49367 rgb(180,147,103)
```
#b49967
```
#b49967 rgb(180,153,103)
```

Similar Colors

Text with hexadecimal color #b48667

This text has a font color of #b48667.

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

#b48667 background color

This paragraph has a background color of #b48667.

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

#b48667 border color

This element has a border color of #b48667.

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

CSS codes

.text {color:#b48667;}

.background {background-color:#b48667;}

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

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

#060403
```
#060403 rgb(6,4,3)
```
#130d09
```
#130d09 rgb(19,13,9)
```
#201610
```
#201610 rgb(32,22,16)
```
#2d1f16
```
#2d1f16 rgb(45,31,22)
```
#3a291d
```
#3a291d rgb(58,41,29)
```
#473223
```
#473223 rgb(71,50,35)
```
#543b2a
```
#543b2a rgb(84,59,42)
```
#624430
```
#624430 rgb(98,68,48)
```
#6f4d37
```
#6f4d37 rgb(111,77,55)
```
#7c563d
```
#7c563d rgb(124,86,61)
```
#896044
```
#896044 rgb(137,96,68)
```
#96694a
```
#96694a rgb(150,105,74)
```
#a37251
```
#a37251 rgb(163,114,81)
```

Shade Color Variation

#ae7c5a
```
#ae7c5a rgb(174,124,90)
```
#b48667
```
#b48667 rgb(180,134,103)
```
#ba9074
```
#ba9074 rgb(186,144,116)
```
#c19b81
```
#c19b81 rgb(193,155,129)
```
#c7a58e
```
#c7a58e rgb(199,165,142)
```
#ceb09c
```
#ceb09c rgb(206,176,156)
```
#d4baa9
```
#d4baa9 rgb(212,186,169)
```
#dbc5b6
```
#dbc5b6 rgb(219,197,182)
```
#e1cfc3
```
#e1cfc3 rgb(225,207,195)
```
#e8dad0
```
#e8dad0 rgb(232,218,208)
```
#eee4dd
```
#eee4dd rgb(238,228,221)
```
#f5efea
```
#f5efea rgb(245,239,234)
```
#fbf9f7
```
#fbf9f7 rgb(251,249,247)
```

Tint Color Variation

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

#918d8a
```
#918d8a rgb(145,141,138)
```
#9a8b81
```
#9a8b81 rgb(154,139,129)
```
#a38978
```
#a38978 rgb(163,137,120)
```
#ab8870
```
#ab8870 rgb(171,136,112)
```
#b48667
```
#b48667 rgb(180,134,103)
```
#bd845e
```
#bd845e rgb(189,132,94)
```
#c58356
```
#c58356 rgb(197,131,86)
```
#ce814d
```
#ce814d rgb(206,129,77)
```
#d77f44
```
#d77f44 rgb(215,127,68)
```
#e07d3b
```
#e07d3b rgb(224,125,59)
```
#e87c33
```
#e87c33 rgb(232,124,51)
```
#f17a2a
```
#f17a2a rgb(241,122,42)
```
#fa7821
```
#fa7821 rgb(250,120,33)
```

Tone Color Variation

Below, you can see how #b48667 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
#978e88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9572 Protanopia 1% of men
#b08f6d Deuteranopia 1% of men
#bb8790 Tritanopia 0.001% of the population

Trichromacy

#a78f6e Protanomaly 1% of men, 0.01% of women
#b18c6b Deuteranomaly 6% of men, 0.4% of women
#b88781 Tritanomaly 0.01% of the population

#b48667 hex color

#b48667 Color Information

#b48667 Color Conversion

Color Schemes with #b48667

Alternatives to #b48667

#b48667 Preview

Shades and Tints of #b48667

Tones of #b48667

Color Blindness Simulator