#b48364 hex color

In a RGB color space, hex #b48364 is composed of 70.6% red, 51.4% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.2% magenta, 44.4% yellow and 29.4% black. It has a hue angle of 23.3 degrees, a saturation of 34.8% and a lightness of 54.9%. #b48364 color hex could be obtained by blending #ffffc8 with #690700. Closest websafe color is: #cc9966.

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

● #b48364 color description : Slightly desaturated orange.

The hexadecimal color #b48364 has RGB values of R:180, G:131, B:100 and CMYK values of C:0, M:0.27, Y:0.44, K:0.29. Its decimal value is 11830116.

Hex triplet	b48364	`#b48364`
RGB Decimal	180, 131, 100	`rgb(180,131,100)`
RGB Percent	70.6, 51.4, 39.2	`rgb(70.6%,51.4%,39.2%)`
CMYK	0, 27, 44, 29
HSL	23.3°, 34.8, 54.9	`hsl(23.3,34.8%,54.9%)`
HSV (or HSB)	23.3°, 44.4, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	58.842, 14.934, 24.162
XYZ	29.239, 26.857, 15.7
xyY	0.407, 0.374, 26.857
CIE-LCH	58.842, 28.405, 58.281
CIE-LUV	58.842, 35.361, 27.6
Hunter-Lab	51.824, 10.017, 18.315
Binary	10110100, 10000011, 01100100

#b48364
```
#b48364 rgb(180,131,100)
```
#6495b4
```
#6495b4 rgb(100,149,180)
```

Complementary Color

#b4646d
```
#b4646d rgb(180,100,109)
```
#b48364
```
#b48364 rgb(180,131,100)
```
#b4ab64
```
#b4ab64 rgb(180,171,100)
```

Analogous Color

#646db4
```
#646db4 rgb(100,109,180)
```
#b48364
```
#b48364 rgb(180,131,100)
```
#64b4ab
```
#64b4ab rgb(100,180,171)
```

Split Complementary Color

#8364b4
```
#8364b4 rgb(131,100,180)
```
#b48364
```
#b48364 rgb(180,131,100)
```
#64b483
```
#64b483 rgb(100,180,131)
```

Triadic Color

#b46495
```
#b46495 rgb(180,100,149)
```
#b48364
```
#b48364 rgb(180,131,100)
```
#64b483
```
#64b483 rgb(100,180,131)
```
#6495b4
```
#6495b4 rgb(100,149,180)
```

Tetradic Color

#895e42
```
#895e42 rgb(137,94,66)
```
#9a6a4b
```
#9a6a4b rgb(154,106,75)
```
#ac7553
```
#ac7553 rgb(172,117,83)
```
#b48364
```
#b48364 rgb(180,131,100)
```
#bc9175
```
#bc9175 rgb(188,145,117)
```
#c59e86
```
#c59e86 rgb(197,158,134)
```
#cdac98
```
#cdac98 rgb(205,172,152)
```

Monochromatic Color

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

#b46f64
```
#b46f64 rgb(180,111,100)
```
#b47664
```
#b47664 rgb(180,118,100)
```
#b47c64
```
#b47c64 rgb(180,124,100)
```
#b48364
```
#b48364 rgb(180,131,100)
```
#b48a64
```
#b48a64 rgb(180,138,100)
```
#b49064
```
#b49064 rgb(180,144,100)
```
#b49764
```
#b49764 rgb(180,151,100)
```

Similar Colors

Text with hexadecimal color #b48364

This text has a font color of #b48364.

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

#b48364 background color

This paragraph has a background color of #b48364.

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

#b48364 border color

This element has a border color of #b48364.

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

CSS codes

.text {color:#b48364;}

.background {background-color:#b48364;}

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

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

#040202
```
#040202 rgb(4,2,2)
```
#110c08
```
#110c08 rgb(17,12,8)
```
#1e150f
```
#1e150f rgb(30,21,15)
```
#2b1e15
```
#2b1e15 rgb(43,30,21)
```
#39271b
```
#39271b rgb(57,39,27)
```
#463022
```
#463022 rgb(70,48,34)
```
#533928
```
#533928 rgb(83,57,40)
```
#60422f
```
#60422f rgb(96,66,47)
```
#6d4b35
```
#6d4b35 rgb(109,75,53)
```
#7b543b
```
#7b543b rgb(123,84,59)
```
#885d42
```
#885d42 rgb(136,93,66)
```
#956648
```
#956648 rgb(149,102,72)
```
#a26f4f
```
#a26f4f rgb(162,111,79)
```

Shade Color Variation

#ae7857
```
#ae7857 rgb(174,120,87)
```
#b48364
```
#b48364 rgb(180,131,100)
```
#ba8e71
```
#ba8e71 rgb(186,142,113)
```
#c1987e
```
#c1987e rgb(193,152,126)
```
#c7a38c
```
#c7a38c rgb(199,163,140)
```
#cead99
```
#cead99 rgb(206,173,153)
```
#d4b8a6
```
#d4b8a6 rgb(212,184,166)
```
#dac2b3
```
#dac2b3 rgb(218,194,179)
```
#e1cdc1
```
#e1cdc1 rgb(225,205,193)
```
#e7d8ce
```
#e7d8ce rgb(231,216,206)
```
#eee2db
```
#eee2db rgb(238,226,219)
```
#f4ede8
```
#f4ede8 rgb(244,237,232)
```
#faf7f5
```
#faf7f5 rgb(250,247,245)
```

Tint Color Variation

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

#918b87
```
#918b87 rgb(145,139,135)
```
#99897f
```
#99897f rgb(153,137,127)
```
#a28776
```
#a28776 rgb(162,135,118)
```
#ab856d
```
#ab856d rgb(171,133,109)
```
#b48364
```
#b48364 rgb(180,131,100)
```
#bd815b
```
#bd815b rgb(189,129,91)
```
#c67f52
```
#c67f52 rgb(198,127,82)
```
#cf7d49
```
#cf7d49 rgb(207,125,73)
```
#d77b41
```
#d77b41 rgb(215,123,65)
```
#e07938
```
#e07938 rgb(224,121,56)
```
#e9772f
```
#e9772f rgb(233,119,47)
```
#f27526
```
#f27526 rgb(242,117,38)
```
#fb731d
```
#fb731d rgb(251,115,29)
```

Tone Color Variation

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

#9d9370 Protanopia 1% of men
#ae8d6a Deuteranopia 1% of men
#bb848d Tritanopia 0.001% of the population

Trichromacy

#a58d6b Protanomaly 1% of men, 0.01% of women
#b08968 Deuteranomaly 6% of men, 0.4% of women
#b8847e Tritanomaly 0.01% of the population

#b48364 hex color

#b48364 Color Information

#b48364 Color Conversion

Color Schemes with #b48364

Alternatives to #b48364

#b48364 Preview

Shades and Tints of #b48364

Tones of #b48364

Color Blindness Simulator