#b48f68 hex color

In a RGB color space, hex #b48f68 is composed of 70.6% red, 56.1% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.6% magenta, 42.2% yellow and 29.4% black. It has a hue angle of 30.8 degrees, a saturation of 33.6% and a lightness of 55.7%. #b48f68 color hex could be obtained by blending #ffffd0 with #691f00. Closest websafe color is: #cc9966.

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

● #b48f68 color description : Slightly desaturated orange.

The hexadecimal color #b48f68 has RGB values of R:180, G:143, B:104 and CMYK values of C:0, M:0.21, Y:0.42, K:0.29. Its decimal value is 11833192.

Hex triplet	b48f68	`#b48f68`
RGB Decimal	180, 143, 104	`rgb(180,143,104)`
RGB Percent	70.6, 56.1, 40.8	`rgb(70.6%,56.1%,40.8%)`
CMYK	0, 21, 42, 29
HSL	30.8°, 33.6, 55.7	`hsl(30.8,33.6%,55.7%)`
HSV (or HSB)	30.8°, 42.2, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	61.954, 8.695, 26.051
XYZ	31.144, 30.349, 17.313
xyY	0.395, 0.385, 30.349
CIE-LCH	61.954, 27.464, 71.542
CIE-LUV	61.954, 27.041, 31.459
Hunter-Lab	55.09, 4.503, 19.929
Binary	10110100, 10001111, 01101000

#b48f68
```
#b48f68 rgb(180,143,104)
```
#688db4
```
#688db4 rgb(104,141,180)
```

Complementary Color

#b46968
```
#b46968 rgb(180,105,104)
```
#b48f68
```
#b48f68 rgb(180,143,104)
```
#b3b468
```
#b3b468 rgb(179,180,104)
```

Analogous Color

#6968b4
```
#6968b4 rgb(105,104,180)
```
#b48f68
```
#b48f68 rgb(180,143,104)
```
#68b3b4
```
#68b3b4 rgb(104,179,180)
```

Split Complementary Color

#8f68b4
```
#8f68b4 rgb(143,104,180)
```
#b48f68
```
#b48f68 rgb(180,143,104)
```
#68b48f
```
#68b48f rgb(104,180,143)
```

Triadic Color

#b4688d
```
#b4688d rgb(180,104,141)
```
#b48f68
```
#b48f68 rgb(180,143,104)
```
#68b48f
```
#68b48f rgb(104,180,143)
```
#688db4
```
#688db4 rgb(104,141,180)
```

Tetradic Color

#8b6945
```
#8b6945 rgb(139,105,69)
```
#9c764d
```
#9c764d rgb(156,118,77)
```
#ac8257
```
#ac8257 rgb(172,130,87)
```
#b48f68
```
#b48f68 rgb(180,143,104)
```
#bc9c79
```
#bc9c79 rgb(188,156,121)
```
#c5a88a
```
#c5a88a rgb(197,168,138)
```
#cdb59b
```
#cdb59b rgb(205,181,155)
```

Monochromatic Color

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

#b47c68
```
#b47c68 rgb(180,124,104)
```
#b48268
```
#b48268 rgb(180,130,104)
```
#b48968
```
#b48968 rgb(180,137,104)
```
#b48f68
```
#b48f68 rgb(180,143,104)
```
#b49568
```
#b49568 rgb(180,149,104)
```
#b49c68
```
#b49c68 rgb(180,156,104)
```
#b4a268
```
#b4a268 rgb(180,162,104)
```

Similar Colors

Text with hexadecimal color #b48f68

This text has a font color of #b48f68.

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

#b48f68 background color

This paragraph has a background color of #b48f68.

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

#b48f68 border color

This element has a border color of #b48f68.

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

CSS codes

.text {color:#b48f68;}

.background {background-color:#b48f68;}

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

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

#060503
```
#060503 rgb(6,5,3)
```
#130f0a
```
#130f0a rgb(19,15,10)
```
#201910
```
#201910 rgb(32,25,16)
```
#2e2217
```
#2e2217 rgb(46,34,23)
```
#3b2c1d
```
#3b2c1d rgb(59,44,29)
```
#483624
```
#483624 rgb(72,54,36)
```
#55402a
```
#55402a rgb(85,64,42)
```
#624a31
```
#624a31 rgb(98,74,49)
```
#6f5437
```
#6f5437 rgb(111,84,55)
```
#7c5e3e
```
#7c5e3e rgb(124,94,62)
```
#896844
```
#896844 rgb(137,104,68)
```
#96724b
```
#96724b rgb(150,114,75)
```
#a47b51
```
#a47b51 rgb(164,123,81)
```

Shade Color Variation

#ad855b
```
#ad855b rgb(173,133,91)
```
#b48f68
```
#b48f68 rgb(180,143,104)
```
#bb9975
```
#bb9975 rgb(187,153,117)
```
#c1a282
```
#c1a282 rgb(193,162,130)
```
#c8ac8f
```
#c8ac8f rgb(200,172,143)
```
#ceb69c
```
#ceb69c rgb(206,182,156)
```
#d5c0aa
```
#d5c0aa rgb(213,192,170)
```
#dbc9b7
```
#dbc9b7 rgb(219,201,183)
```
#e2d3c4
```
#e2d3c4 rgb(226,211,196)
```
#e8ddd1
```
#e8ddd1 rgb(232,221,209)
```
#efe6de
```
#efe6de rgb(239,230,222)
```
#f5f0eb
```
#f5f0eb rgb(245,240,235)
```
#fcfaf8
```
#fcfaf8 rgb(252,250,248)
```

Tint Color Variation

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

#918e8b
```
#918e8b rgb(145,142,139)
```
#9a8e82
```
#9a8e82 rgb(154,142,130)
```
#a38f79
```
#a38f79 rgb(163,143,121)
```
#ab8f71
```
#ab8f71 rgb(171,143,113)
```
#b48f68
```
#b48f68 rgb(180,143,104)
```
#bd8f5f
```
#bd8f5f rgb(189,143,95)
```
#c58f57
```
#c58f57 rgb(197,143,87)
```
#ce904e
```
#ce904e rgb(206,144,78)
```
#d79045
```
#d79045 rgb(215,144,69)
```
#df903d
```
#df903d rgb(223,144,61)
```
#e89034
```
#e89034 rgb(232,144,52)
```
#f1912b
```
#f1912b rgb(241,145,43)
```
#fa9122
```
#fa9122 rgb(250,145,34)
```

Tone Color Variation

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

#a69a72 Protanopia 1% of men
#b7956f Deuteranopia 1% of men
#bc8f99 Tritanopia 0.001% of the population

Trichromacy

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

#b48f68 hex color

#b48f68 Color Information

#b48f68 Color Conversion

Color Schemes with #b48f68

Alternatives to #b48f68

#b48f68 Preview

Shades and Tints of #b48f68

Tones of #b48f68

Color Blindness Simulator