#b48e67 hex color

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

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

● #b48e67 color description : Slightly desaturated orange.

The hexadecimal color #b48e67 has RGB values of R:180, G:142, B:103 and CMYK values of C:0, M:0.21, Y:0.43, K:0.29. Its decimal value is 11832935.

Hex triplet	b48e67	`#b48e67`
RGB Decimal	180, 142, 103	`rgb(180,142,103)`
RGB Percent	70.6, 55.7, 40.4	`rgb(70.6%,55.7%,40.4%)`
CMYK	0, 21, 43, 29
HSL	30.4°, 33.9, 55.5	`hsl(30.4,33.9%,55.5%)`
HSV (or HSB)	30.4°, 42.8, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	61.68, 9.138, 26.241
XYZ	30.944, 30.03, 16.998
xyY	0.397, 0.385, 30.03
CIE-LCH	61.68, 27.787, 70.801
CIE-LUV	61.68, 27.785, 31.529
Hunter-Lab	54.799, 4.895, 19.969
Binary	10110100, 10001110, 01100111

#b48e67
```
#b48e67 rgb(180,142,103)
```
#678db4
```
#678db4 rgb(103,141,180)
```

Complementary Color

#b46867
```
#b46867 rgb(180,104,103)
```
#b48e67
```
#b48e67 rgb(180,142,103)
```
#b4b467
```
#b4b467 rgb(180,180,103)
```

Analogous Color

#6867b4
```
#6867b4 rgb(104,103,180)
```
#b48e67
```
#b48e67 rgb(180,142,103)
```
#67b4b4
```
#67b4b4 rgb(103,180,180)
```

Split Complementary Color

#8e67b4
```
#8e67b4 rgb(142,103,180)
```
#b48e67
```
#b48e67 rgb(180,142,103)
```
#67b48e
```
#67b48e rgb(103,180,142)
```

Triadic Color

#b4678d
```
#b4678d rgb(180,103,141)
```
#b48e67
```
#b48e67 rgb(180,142,103)
```
#67b48e
```
#67b48e rgb(103,180,142)
```
#678db4
```
#678db4 rgb(103,141,180)
```

Tetradic Color

#8a6844
```
#8a6844 rgb(138,104,68)
```
#9b754d
```
#9b754d rgb(155,117,77)
```
#ac8156
```
#ac8156 rgb(172,129,86)
```
#b48e67
```
#b48e67 rgb(180,142,103)
```
#bc9b78
```
#bc9b78 rgb(188,155,120)
```
#c5a789
```
#c5a789 rgb(197,167,137)
```
#cdb49a
```
#cdb49a rgb(205,180,154)
```

Monochromatic Color

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

#b47b67
```
#b47b67 rgb(180,123,103)
```
#b48167
```
#b48167 rgb(180,129,103)
```
#b48867
```
#b48867 rgb(180,136,103)
```
#b48e67
```
#b48e67 rgb(180,142,103)
```
#b49467
```
#b49467 rgb(180,148,103)
```
#b49b67
```
#b49b67 rgb(180,155,103)
```
#b4a167
```
#b4a167 rgb(180,161,103)
```

Similar Colors

Text with hexadecimal color #b48e67

This text has a font color of #b48e67.

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

#b48e67 background color

This paragraph has a background color of #b48e67.

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

#b48e67 border color

This element has a border color of #b48e67.

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

CSS codes

.text {color:#b48e67;}

.background {background-color:#b48e67;}

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

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)
```
#130e09
```
#130e09 rgb(19,14,9)
```
#201810
```
#201810 rgb(32,24,16)
```
#2d2216
```
#2d2216 rgb(45,34,22)
```
#3a2c1d
```
#3a2c1d rgb(58,44,29)
```
#473523
```
#473523 rgb(71,53,35)
```
#543f2a
```
#543f2a rgb(84,63,42)
```
#624930
```
#624930 rgb(98,73,48)
```
#6f5337
```
#6f5337 rgb(111,83,55)
```
#7c5d3d
```
#7c5d3d rgb(124,93,61)
```
#896744
```
#896744 rgb(137,103,68)
```
#96714a
```
#96714a rgb(150,113,74)
```
#a37a51
```
#a37a51 rgb(163,122,81)
```

Shade Color Variation

#ae845a
```
#ae845a rgb(174,132,90)
```
#b48e67
```
#b48e67 rgb(180,142,103)
```
#ba9874
```
#ba9874 rgb(186,152,116)
```
#c1a281
```
#c1a281 rgb(193,162,129)
```
#c7ab8e
```
#c7ab8e rgb(199,171,142)
```
#ceb59c
```
#ceb59c rgb(206,181,156)
```
#d4bfa9
```
#d4bfa9 rgb(212,191,169)
```
#dbc9b6
```
#dbc9b6 rgb(219,201,182)
```
#e1d2c3
```
#e1d2c3 rgb(225,210,195)
```
#e8dcd0
```
#e8dcd0 rgb(232,220,208)
```
#eee6dd
```
#eee6dd rgb(238,230,221)
```
#f5f0ea
```
#f5f0ea rgb(245,240,234)
```
#fbf9f7
```
#fbf9f7 rgb(251,249,247)
```

Tint Color Variation

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

#918e8a
```
#918e8a rgb(145,142,138)
```
#9a8e81
```
#9a8e81 rgb(154,142,129)
```
#a38e78
```
#a38e78 rgb(163,142,120)
```
#ab8e70
```
#ab8e70 rgb(171,142,112)
```
#b48e67
```
#b48e67 rgb(180,142,103)
```
#bd8e5e
```
#bd8e5e rgb(189,142,94)
```
#c58e56
```
#c58e56 rgb(197,142,86)
```
#ce8e4d
```
#ce8e4d rgb(206,142,77)
```
#d78e44
```
#d78e44 rgb(215,142,68)
```
#e08f3b
```
#e08f3b rgb(224,143,59)
```
#e88f33
```
#e88f33 rgb(232,143,51)
```
#f18f2a
```
#f18f2a rgb(241,143,42)
```
#fa8f21
```
#fa8f21 rgb(250,143,33)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#9b948c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59a71 Protanopia 1% of men
#b6946e Deuteranopia 1% of men
#bc8e98 Tritanopia 0.001% of the population

Trichromacy

#aa956d Protanomaly 1% of men, 0.01% of women
#b5926b Deuteranomaly 6% of men, 0.4% of women
#b98e86 Tritanomaly 0.01% of the population

#b48e67 hex color

#b48e67 Color Information

#b48e67 Color Conversion

Color Schemes with #b48e67

Alternatives to #b48e67

#b48e67 Preview

Shades and Tints of #b48e67

Tones of #b48e67

Color Blindness Simulator