#b48366 hex color

In a RGB color space, hex #b48366 is composed of 70.6% red, 51.4% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.2% magenta, 43.3% yellow and 29.4% black. It has a hue angle of 22.3 degrees, a saturation of 34.2% and a lightness of 55.3%. #b48366 color hex could be obtained by blending #ffffcc with #690700. Closest websafe color is: #cc9966.

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

● #b48366 color description : Slightly desaturated orange.

The hexadecimal color #b48366 has RGB values of R:180, G:131, B:102 and CMYK values of C:0, M:0.27, Y:0.43, K:0.29. Its decimal value is 11830118.

Hex triplet	b48366	`#b48366`
RGB Decimal	180, 131, 102	`rgb(180,131,102)`
RGB Percent	70.6, 51.4, 40	`rgb(70.6%,51.4%,40%)`
CMYK	0, 27, 43, 29
HSL	22.3°, 34.2, 55.3	`hsl(22.3,34.2%,55.3%)`
HSV (or HSB)	22.3°, 43.3, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	58.879, 15.154, 23.088
XYZ	29.337, 26.897, 16.216
xyY	0.405, 0.371, 26.897
CIE-LCH	58.879, 27.617, 56.721
CIE-LUV	58.879, 35.139, 26.386
Hunter-Lab	51.862, 10.215, 17.765
Binary	10110100, 10000011, 01100110

#b48366
```
#b48366 rgb(180,131,102)
```
#6697b4
```
#6697b4 rgb(102,151,180)
```

Complementary Color

#b46670
```
#b46670 rgb(180,102,112)
```
#b48366
```
#b48366 rgb(180,131,102)
```
#b4aa66
```
#b4aa66 rgb(180,170,102)
```

Analogous Color

#6670b4
```
#6670b4 rgb(102,112,180)
```
#b48366
```
#b48366 rgb(180,131,102)
```
#66b4aa
```
#66b4aa rgb(102,180,170)
```

Split Complementary Color

#8366b4
```
#8366b4 rgb(131,102,180)
```
#b48366
```
#b48366 rgb(180,131,102)
```
#66b483
```
#66b483 rgb(102,180,131)
```

Triadic Color

#b46697
```
#b46697 rgb(180,102,151)
```
#b48366
```
#b48366 rgb(180,131,102)
```
#66b483
```
#66b483 rgb(102,180,131)
```
#6697b4
```
#6697b4 rgb(102,151,180)
```

Tetradic Color

#8a5e44
```
#8a5e44 rgb(138,94,68)
```
#9b694c
```
#9b694c rgb(155,105,76)
```
#ac7555
```
#ac7555 rgb(172,117,85)
```
#b48366
```
#b48366 rgb(180,131,102)
```
#bc9177
```
#bc9177 rgb(188,145,119)
```
#c59f88
```
#c59f88 rgb(197,159,136)
```
#cdad99
```
#cdad99 rgb(205,173,153)
```

Monochromatic Color

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

#b47066
```
#b47066 rgb(180,112,102)
```
#b47666
```
#b47666 rgb(180,118,102)
```
#b47d66
```
#b47d66 rgb(180,125,102)
```
#b48366
```
#b48366 rgb(180,131,102)
```
#b48a66
```
#b48a66 rgb(180,138,102)
```
#b49066
```
#b49066 rgb(180,144,102)
```
#b49766
```
#b49766 rgb(180,151,102)
```

Similar Colors

Text with hexadecimal color #b48366

This text has a font color of #b48366.

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

#b48366 background color

This paragraph has a background color of #b48366.

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

#b48366 border color

This element has a border color of #b48366.

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

CSS codes

.text {color:#b48366;}

.background {background-color:#b48366;}

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

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

#050302
```
#050302 rgb(5,3,2)
```
#120c09
```
#120c09 rgb(18,12,9)
```
#1f150f
```
#1f150f rgb(31,21,15)
```
#2c1e16
```
#2c1e16 rgb(44,30,22)
```
#3a271c
```
#3a271c rgb(58,39,28)
```
#473023
```
#473023 rgb(71,48,35)
```
#543929
```
#543929 rgb(84,57,41)
```
#614230
```
#614230 rgb(97,66,48)
```
#6e4b36
```
#6e4b36 rgb(110,75,54)
```
#7b543d
```
#7b543d rgb(123,84,61)
```
#895d43
```
#895d43 rgb(137,93,67)
```
#966649
```
#966649 rgb(150,102,73)
```
#a36f50
```
#a36f50 rgb(163,111,80)
```

Shade Color Variation

#ae7859
```
#ae7859 rgb(174,120,89)
```
#b48366
```
#b48366 rgb(180,131,102)
```
#ba8e73
```
#ba8e73 rgb(186,142,115)
```
#c19880
```
#c19880 rgb(193,152,128)
```
#c7a38d
```
#c7a38d rgb(199,163,141)
```
#ceae9b
```
#ceae9b rgb(206,174,155)
```
#d4b8a8
```
#d4b8a8 rgb(212,184,168)
```
#dbc3b5
```
#dbc3b5 rgb(219,195,181)
```
#e1cec2
```
#e1cec2 rgb(225,206,194)
```
#e8d8cf
```
#e8d8cf rgb(232,216,207)
```
#eee3dc
```
#eee3dc rgb(238,227,220)
```
#f5eeea
```
#f5eeea rgb(245,238,234)
```
#fbf8f7
```
#fbf8f7 rgb(251,248,247)
```

Tint Color Variation

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

#918c89
```
#918c89 rgb(145,140,137)
```
#9a8a80
```
#9a8a80 rgb(154,138,128)
```
#a28778
```
#a28778 rgb(162,135,120)
```
#ab856f
```
#ab856f rgb(171,133,111)
```
#b48366
```
#b48366 rgb(180,131,102)
```
#bd815d
```
#bd815d rgb(189,129,93)
```
#c67f54
```
#c67f54 rgb(198,127,84)
```
#ce7c4c
```
#ce7c4c rgb(206,124,76)
```
#d77a43
```
#d77a43 rgb(215,122,67)
```
#e0783a
```
#e0783a rgb(224,120,58)
```
#e97631
```
#e97631 rgb(233,118,49)
```
#f17329
```
#f17329 rgb(241,115,41)
```
#fa7120
```
#fa7120 rgb(250,113,32)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#968c86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9372 Protanopia 1% of men
#ad8d6c Deuteranopia 1% of men
#bb848e Tritanopia 0.001% of the population

Trichromacy

#a58d6d Protanomaly 1% of men, 0.01% of women
#b0896a Deuteranomaly 6% of men, 0.4% of women
#b8847f Tritanomaly 0.01% of the population

#b48366 hex color

#b48366 Color Information

#b48366 Color Conversion

Color Schemes with #b48366

Alternatives to #b48366

#b48366 Preview

Shades and Tints of #b48366

Tones of #b48366

Color Blindness Simulator