#b48f67 hex color

In a RGB color space, hex #b48f67 is composed of 70.6% red, 56.1% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.6% magenta, 42.8% yellow and 29.4% black. It has a hue angle of 31.2 degrees, a saturation of 33.9% and a lightness of 55.5%. #b48f67 color hex could be obtained by blending #ffffce with #691f00. 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

● #b48f67 color description : Slightly desaturated orange.

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

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

CIE-LAB	61.937, 8.583, 26.579
XYZ	31.093, 30.329, 17.048
xyY	0.396, 0.387, 30.329
CIE-LCH	61.937, 27.931, 72.103
CIE-LUV	61.937, 27.13, 32.053
Hunter-Lab	55.071, 4.405, 20.197
Binary	10110100, 10001111, 01100111

#b48f67
```
#b48f67 rgb(180,143,103)
```
#678cb4
```
#678cb4 rgb(103,140,180)
```

Complementary Color

#b46967
```
#b46967 rgb(180,105,103)
```
#b48f67
```
#b48f67 rgb(180,143,103)
```
#b3b467
```
#b3b467 rgb(179,180,103)
```

Analogous Color

#6967b4
```
#6967b4 rgb(105,103,180)
```
#b48f67
```
#b48f67 rgb(180,143,103)
```
#67b3b4
```
#67b3b4 rgb(103,179,180)
```

Split Complementary Color

#8f67b4
```
#8f67b4 rgb(143,103,180)
```
#b48f67
```
#b48f67 rgb(180,143,103)
```
#67b48f
```
#67b48f rgb(103,180,143)
```

Triadic Color

#b4678c
```
#b4678c rgb(180,103,140)
```
#b48f67
```
#b48f67 rgb(180,143,103)
```
#67b48f
```
#67b48f rgb(103,180,143)
```
#678cb4
```
#678cb4 rgb(103,140,180)
```

Tetradic Color

#8a6944
```
#8a6944 rgb(138,105,68)
```
#9b764d
```
#9b764d rgb(155,118,77)
```
#ac8256
```
#ac8256 rgb(172,130,86)
```
#b48f67
```
#b48f67 rgb(180,143,103)
```
#bc9c78
```
#bc9c78 rgb(188,156,120)
```
#c5a889
```
#c5a889 rgb(197,168,137)
```
#cdb59a
```
#cdb59a rgb(205,181,154)
```

Monochromatic Color

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

#b47c67
```
#b47c67 rgb(180,124,103)
```
#b48267
```
#b48267 rgb(180,130,103)
```
#b48967
```
#b48967 rgb(180,137,103)
```
#b48f67
```
#b48f67 rgb(180,143,103)
```
#b49567
```
#b49567 rgb(180,149,103)
```
#b49c67
```
#b49c67 rgb(180,156,103)
```
#b4a267
```
#b4a267 rgb(180,162,103)
```

Similar Colors

Text with hexadecimal color #b48f67

This text has a font color of #b48f67.

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

#b48f67 background color

This paragraph has a background color of #b48f67.

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

#b48f67 border color

This element has a border color of #b48f67.

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

CSS codes

.text {color:#b48f67;}

.background {background-color:#b48f67;}

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

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)
```
#473623
```
#473623 rgb(71,54,35)
```
#54402a
```
#54402a rgb(84,64,42)
```
#624a30
```
#624a30 rgb(98,74,48)
```
#6f5437
```
#6f5437 rgb(111,84,55)
```
#7c5e3d
```
#7c5e3d rgb(124,94,61)
```
#896844
```
#896844 rgb(137,104,68)
```
#96724a
```
#96724a rgb(150,114,74)
```
#a37b51
```
#a37b51 rgb(163,123,81)
```

Shade Color Variation

#ae855a
```
#ae855a rgb(174,133,90)
```
#b48f67
```
#b48f67 rgb(180,143,103)
```
#ba9974
```
#ba9974 rgb(186,153,116)
```
#c1a281
```
#c1a281 rgb(193,162,129)
```
#c7ac8e
```
#c7ac8e rgb(199,172,142)
```
#ceb69c
```
#ceb69c rgb(206,182,156)
```
#d4bfa9
```
#d4bfa9 rgb(212,191,169)
```
#dbc9b6
```
#dbc9b6 rgb(219,201,182)
```
#e1d3c3
```
#e1d3c3 rgb(225,211,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 #fa9221 is the most saturated one.

#918e8a
```
#918e8a rgb(145,142,138)
```
#9a8e81
```
#9a8e81 rgb(154,142,129)
```
#a38e78
```
#a38e78 rgb(163,142,120)
```
#ab8f70
```
#ab8f70 rgb(171,143,112)
```
#b48f67
```
#b48f67 rgb(180,143,103)
```
#bd8f5e
```
#bd8f5e rgb(189,143,94)
```
#c59056
```
#c59056 rgb(197,144,86)
```
#ce904d
```
#ce904d rgb(206,144,77)
```
#d79044
```
#d79044 rgb(215,144,68)
```
#e0913b
```
#e0913b rgb(224,145,59)
```
#e89133
```
#e89133 rgb(232,145,51)
```
#f1912a
```
#f1912a rgb(241,145,42)
```
#fa9221
```
#fa9221 rgb(250,146,33)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#9c958d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69a71 Protanopia 1% of men
#b7946e Deuteranopia 1% of men
#bc8f99 Tritanopia 0.001% of the population

Trichromacy

#ab966d Protanomaly 1% of men, 0.01% of women
#b6926c Deuteranomaly 6% of men, 0.4% of women
#b98f86 Tritanomaly 0.01% of the population

#b48f67 hex color

#b48f67 Color Information

#b48f67 Color Conversion

Color Schemes with #b48f67

Alternatives to #b48f67

#b48f67 Preview

Shades and Tints of #b48f67

Tones of #b48f67

Color Blindness Simulator