#b48a68 hex color

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

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

● #b48a68 color description : Slightly desaturated orange.

The hexadecimal color #b48a68 has RGB values of R:180, G:138, B:104 and CMYK values of C:0, M:0.23, Y:0.42, K:0.29. Its decimal value is 11831912.

Hex triplet	b48a68	`#b48a68`
RGB Decimal	180, 138, 104	`rgb(180,138,104)`
RGB Percent	70.6, 54.1, 40.8	`rgb(70.6%,54.1%,40.8%)`
CMYK	0, 23, 42, 29
HSL	26.8°, 33.6, 55.7	`hsl(26.8,33.6%,55.7%)`
HSV (or HSB)	26.8°, 42.2, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	60.676, 11.473, 24.361
XYZ	30.41, 28.881, 17.069
xyY	0.398, 0.378, 28.881
CIE-LCH	60.676, 26.928, 64.782
CIE-LUV	60.676, 30.312, 28.827
Hunter-Lab	53.741, 6.958, 18.788
Binary	10110100, 10001010, 01101000

#b48a68
```
#b48a68 rgb(180,138,104)
```
#6892b4
```
#6892b4 rgb(104,146,180)
```

Complementary Color

#b4686c
```
#b4686c rgb(180,104,108)
```
#b48a68
```
#b48a68 rgb(180,138,104)
```
#b4b068
```
#b4b068 rgb(180,176,104)
```

Analogous Color

#686cb4
```
#686cb4 rgb(104,108,180)
```
#b48a68
```
#b48a68 rgb(180,138,104)
```
#68b4b0
```
#68b4b0 rgb(104,180,176)
```

Split Complementary Color

#8a68b4
```
#8a68b4 rgb(138,104,180)
```
#b48a68
```
#b48a68 rgb(180,138,104)
```
#68b48a
```
#68b48a rgb(104,180,138)
```

Triadic Color

#b46892
```
#b46892 rgb(180,104,146)
```
#b48a68
```
#b48a68 rgb(180,138,104)
```
#68b48a
```
#68b48a rgb(104,180,138)
```
#6892b4
```
#6892b4 rgb(104,146,180)
```

Tetradic Color

#8b6445
```
#8b6445 rgb(139,100,69)
```
#9c704d
```
#9c704d rgb(156,112,77)
```
#ac7d57
```
#ac7d57 rgb(172,125,87)
```
#b48a68
```
#b48a68 rgb(180,138,104)
```
#bc9779
```
#bc9779 rgb(188,151,121)
```
#c5a48a
```
#c5a48a rgb(197,164,138)
```
#cdb29b
```
#cdb29b rgb(205,178,155)
```

Monochromatic Color

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

#b47768
```
#b47768 rgb(180,119,104)
```
#b47d68
```
#b47d68 rgb(180,125,104)
```
#b48468
```
#b48468 rgb(180,132,104)
```
#b48a68
```
#b48a68 rgb(180,138,104)
```
#b49068
```
#b49068 rgb(180,144,104)
```
#b49768
```
#b49768 rgb(180,151,104)
```
#b49d68
```
#b49d68 rgb(180,157,104)
```

Similar Colors

Text with hexadecimal color #b48a68

This text has a font color of #b48a68.

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

#b48a68 background color

This paragraph has a background color of #b48a68.

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

#b48a68 border color

This element has a border color of #b48a68.

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

CSS codes

.text {color:#b48a68;}

.background {background-color:#b48a68;}

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

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)
```
#130e0a
```
#130e0a rgb(19,14,10)
```
#201710
```
#201710 rgb(32,23,16)
```
#2e2117
```
#2e2117 rgb(46,33,23)
```
#3b2a1d
```
#3b2a1d rgb(59,42,29)
```
#483424
```
#483424 rgb(72,52,36)
```
#553d2a
```
#553d2a rgb(85,61,42)
```
#624731
```
#624731 rgb(98,71,49)
```
#6f5037
```
#6f5037 rgb(111,80,55)
```
#7c5a3e
```
#7c5a3e rgb(124,90,62)
```
#896344
```
#896344 rgb(137,99,68)
```
#966d4b
```
#966d4b rgb(150,109,75)
```
#a47651
```
#a47651 rgb(164,118,81)
```

Shade Color Variation

#ad805b
```
#ad805b rgb(173,128,91)
```
#b48a68
```
#b48a68 rgb(180,138,104)
```
#bb9475
```
#bb9475 rgb(187,148,117)
```
#c19e82
```
#c19e82 rgb(193,158,130)
```
#c8a88f
```
#c8a88f rgb(200,168,143)
```
#ceb39c
```
#ceb39c rgb(206,179,156)
```
#d5bdaa
```
#d5bdaa rgb(213,189,170)
```
#dbc7b7
```
#dbc7b7 rgb(219,199,183)
```
#e2d1c4
```
#e2d1c4 rgb(226,209,196)
```
#e8dbd1
```
#e8dbd1 rgb(232,219,209)
```
#efe5de
```
#efe5de rgb(239,229,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 #fa8322 is the most saturated one.

#918e8b
```
#918e8b rgb(145,142,139)
```
#9a8d82
```
#9a8d82 rgb(154,141,130)
```
#a38c79
```
#a38c79 rgb(163,140,121)
```
#ab8b71
```
#ab8b71 rgb(171,139,113)
```
#b48a68
```
#b48a68 rgb(180,138,104)
```
#bd895f
```
#bd895f rgb(189,137,95)
```
#c58857
```
#c58857 rgb(197,136,87)
```
#ce874e
```
#ce874e rgb(206,135,78)
```
#d78645
```
#d78645 rgb(215,134,69)
```
#df853d
```
#df853d rgb(223,133,61)
```
#e88534
```
#e88534 rgb(232,133,52)
```
#f1842b
```
#f1842b rgb(241,132,43)
```
#fa8322
```
#fa8322 rgb(250,131,34)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#9a918a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29772 Protanopia 1% of men
#b3926f Deuteranopia 1% of men
#bb8b94 Tritanopia 0.001% of the population

Trichromacy

#a8926e Protanomaly 1% of men, 0.01% of women
#b38f6c Deuteranomaly 6% of men, 0.4% of women
#b88a84 Tritanomaly 0.01% of the population

#b48a68 hex color

#b48a68 Color Information

#b48a68 Color Conversion

Color Schemes with #b48a68

Alternatives to #b48a68

#b48a68 Preview

Shades and Tints of #b48a68

Tones of #b48a68

Color Blindness Simulator