#b8a395 hex color

In a RGB color space, hex #b8a395 is composed of 72.2% red, 63.9% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.4% magenta, 19% yellow and 27.8% black. It has a hue angle of 24 degrees, a saturation of 19.8% and a lightness of 65.3%. #b8a395 color hex could be obtained by blending #ffffff with #71472b. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 72
- G 64
- B 58
RGB color chart
- C 0
- M 11
- Y 19
- K 28
CMYK color chart

● #b8a395 color description : Grayish orange.

The hexadecimal color #b8a395 has RGB values of R:184, G:163, B:149 and CMYK values of C:0, M:0.11, Y:0.19, K:0.28. Its decimal value is 12100501.

Hex triplet	b8a395	`#b8a395`
RGB Decimal	184, 163, 149	`rgb(184,163,149)`
RGB Percent	72.2, 63.9, 58.4	`rgb(72.2%,63.9%,58.4%)`
CMYK	0, 11, 19, 28
HSL	24°, 19.8, 65.3	`hsl(24,19.8%,65.3%)`
HSV (or HSB)	24°, 19, 72.2
Web Safe	cc9999	`#cc9999`

CIE-LAB	68.428, 5.359, 10.069
XYZ	38.288, 38.555, 33.857
xyY	0.346, 0.348, 38.555
CIE-LCH	68.428, 11.406, 61.98
CIE-LUV	68.428, 13.708, 13.183
Hunter-Lab	62.093, 1.406, 11.136
Binary	10111000, 10100011, 10010101

#b8a395
```
#b8a395 rgb(184,163,149)
```
#95aab8
```
#95aab8 rgb(149,170,184)
```

Complementary Color

#b89599
```
#b89599 rgb(184,149,153)
```
#b8a395
```
#b8a395 rgb(184,163,149)
```
#b8b595
```
#b8b595 rgb(184,181,149)
```

Analogous Color

#9599b8
```
#9599b8 rgb(149,153,184)
```
#b8a395
```
#b8a395 rgb(184,163,149)
```
#95b8b5
```
#95b8b5 rgb(149,184,181)
```

Split Complementary Color

#a395b8
```
#a395b8 rgb(163,149,184)
```
#b8a395
```
#b8a395 rgb(184,163,149)
```
#95b8a3
```
#95b8a3 rgb(149,184,163)
```

Triadic Color

#b895aa
```
#b895aa rgb(184,149,170)
```
#b8a395
```
#b8a395 rgb(184,163,149)
```
#95b8a3
```
#95b8a3 rgb(149,184,163)
```
#95aab8
```
#95aab8 rgb(149,170,184)
```

Tetradic Color

#997b67
```
#997b67 rgb(153,123,103)
```
#a48876
```
#a48876 rgb(164,136,118)
```
#ae9686
```
#ae9686 rgb(174,150,134)
```
#b8a395
```
#b8a395 rgb(184,163,149)
```
#c2b0a4
```
#c2b0a4 rgb(194,176,164)
```
#ccbeb4
```
#ccbeb4 rgb(204,190,180)
```
#d7cbc3
```
#d7cbc3 rgb(215,203,195)
```

Monochromatic Color

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

#b89a95
```
#b89a95 rgb(184,154,149)
```
#b89d95
```
#b89d95 rgb(184,157,149)
```
#b8a095
```
#b8a095 rgb(184,160,149)
```
#b8a395
```
#b8a395 rgb(184,163,149)
```
#b8a695
```
#b8a695 rgb(184,166,149)
```
#b8a995
```
#b8a995 rgb(184,169,149)
```
#b8ac95
```
#b8ac95 rgb(184,172,149)
```

Similar Colors

Text with hexadecimal color #b8a395

This text has a font color of #b8a395.

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

#b8a395 background color

This paragraph has a background color of #b8a395.

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

#b8a395 border color

This element has a border color of #b8a395.

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

CSS codes

.text {color:#b8a395;}

.background {background-color:#b8a395;}

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

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, #0b0908 is the darkest color, while #ffffff is the lightest one.

#0b0908
```
#0b0908 rgb(11,9,8)
```
#171310
```
#171310 rgb(23,19,16)
```
#231c17
```
#231c17 rgb(35,28,23)
```
#2f251f
```
#2f251f rgb(47,37,31)
```
#3a2f27
```
#3a2f27 rgb(58,47,39)
```
#46382f
```
#46382f rgb(70,56,47)
```
#524237
```
#524237 rgb(82,66,55)
```
#5e4b3f
```
#5e4b3f rgb(94,75,63)
```
#695547
```
#695547 rgb(105,85,71)
```
#755e4e
```
#755e4e rgb(117,94,78)
```
#816756
```
#816756 rgb(129,103,86)
```
#8d715e
```
#8d715e rgb(141,113,94)
```
#987a66
```
#987a66 rgb(152,122,102)
```

Shade Color Variation

#a08472
```
#a08472 rgb(160,132,114)
```
#a88f7e
```
#a88f7e rgb(168,143,126)
```
#b09989
```
#b09989 rgb(176,153,137)
```
#b8a395
```
#b8a395 rgb(184,163,149)
```
#c0ada1
```
#c0ada1 rgb(192,173,161)
```
#c8b7ac
```
#c8b7ac rgb(200,183,172)
```
#d0c2b8
```
#d0c2b8 rgb(208,194,184)
```
#d7ccc4
```
#d7ccc4 rgb(215,204,196)
```
#dfd6d0
```
#dfd6d0 rgb(223,214,208)
```
#e7e0db
```
#e7e0db rgb(231,224,219)
```
#efeae7
```
#efeae7 rgb(239,234,231)
```
#f7f5f3
```
#f7f5f3 rgb(247,245,243)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#aaa6a3
```
#aaa6a3 rgb(170,166,163)
```
#b1a49c
```
#b1a49c rgb(177,164,156)
```
#b8a395
```
#b8a395 rgb(184,163,149)
```
#bfa28e
```
#bfa28e rgb(191,162,142)
```
#c6a087
```
#c6a087 rgb(198,160,135)
```
#cc9f81
```
#cc9f81 rgb(204,159,129)
```
#d39e7a
```
#d39e7a rgb(211,158,122)
```
#da9c73
```
#da9c73 rgb(218,156,115)
```
#e19b6c
```
#e19b6c rgb(225,155,108)
```
#e89965
```
#e89965 rgb(232,153,101)
```
#ee985f
```
#ee985f rgb(238,152,95)
```
#f59758
```
#f59758 rgb(245,151,88)
```
#fc9551
```
#fc9551 rgb(252,149,81)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#aba7a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2aa9b Protanopia 1% of men
#c1a59b Deuteranopia 1% of men
#bea4b0 Tritanopia 0.001% of the population

Trichromacy

#b4a799 Protanomaly 1% of men, 0.01% of women
#bda498 Deuteranomaly 6% of men, 0.4% of women
#bca3a6 Tritanomaly 0.01% of the population

#b8a395 hex color

#b8a395 Color Information

#b8a395 Color Conversion

Color Schemes with #b8a395

Alternatives to #b8a395

#b8a395 Preview

Shades and Tints of #b8a395

Tones of #b8a395

Color Blindness Simulator