#b2a397 hex color

In a RGB color space, hex #b2a397 is composed of 69.8% red, 63.9% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.4% magenta, 15.2% yellow and 30.2% black. It has a hue angle of 26.7 degrees, a saturation of 14.9% and a lightness of 64.5%. #b2a397 color hex could be obtained by blending #ffffff with #65472f. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 70
- G 64
- B 59
RGB color chart
- C 0
- M 8
- Y 15
- K 30
CMYK color chart

● #b2a397 color description : Dark grayish orange.

The hexadecimal color #b2a397 has RGB values of R:178, G:163, B:151 and CMYK values of C:0, M:0.08, Y:0.15, K:0.3. Its decimal value is 11707287.

Hex triplet	b2a397	`#b2a397`
RGB Decimal	178, 163, 151	`rgb(178,163,151)`
RGB Percent	69.8, 63.9, 59.2	`rgb(69.8%,63.9%,59.2%)`
CMYK	0, 8, 15, 30
HSL	26.7°, 14.9, 64.5	`hsl(26.7,14.9%,64.5%)`
HSV (or HSB)	26.7°, 15.2, 69.8
Web Safe	999999	`#999999`

CIE-LAB	67.943, 3.4, 8.197
XYZ	37.042, 37.894, 34.639
xyY	0.338, 0.346, 37.894
CIE-LCH	67.943, 8.874, 67.469
CIE-LUV	67.943, 9.746, 10.985
Hunter-Lab	61.558, -0.316, 9.728
Binary	10110010, 10100011, 10010111

#b2a397
```
#b2a397 rgb(178,163,151)
```
#97a6b2
```
#97a6b2 rgb(151,166,178)
```

Complementary Color

#b29799
```
#b29799 rgb(178,151,153)
```
#b2a397
```
#b2a397 rgb(178,163,151)
```
#b2b197
```
#b2b197 rgb(178,177,151)
```

Analogous Color

#9799b2
```
#9799b2 rgb(151,153,178)
```
#b2a397
```
#b2a397 rgb(178,163,151)
```
#97b2b1
```
#97b2b1 rgb(151,178,177)
```

Split Complementary Color

#a397b2
```
#a397b2 rgb(163,151,178)
```
#b2a397
```
#b2a397 rgb(178,163,151)
```
#97b2a3
```
#97b2a3 rgb(151,178,163)
```

Triadic Color

#b297a6
```
#b297a6 rgb(178,151,166)
```
#b2a397
```
#b2a397 rgb(178,163,151)
```
#97b2a3
```
#97b2a3 rgb(151,178,163)
```
#97a6b2
```
#97a6b2 rgb(151,166,178)
```

Tetradic Color

#917c6b
```
#917c6b rgb(145,124,107)
```
#9c897a
```
#9c897a rgb(156,137,122)
```
#a79688
```
#a79688 rgb(167,150,136)
```
#b2a397
```
#b2a397 rgb(178,163,151)
```
#bdb0a6
```
#bdb0a6 rgb(189,176,166)
```
#c8bdb4
```
#c8bdb4 rgb(200,189,180)
```
#d3cac3
```
#d3cac3 rgb(211,202,195)
```

Monochromatic Color

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

#b29c97
```
#b29c97 rgb(178,156,151)
```
#b29f97
```
#b29f97 rgb(178,159,151)
```
#b2a197
```
#b2a197 rgb(178,161,151)
```
#b2a397
```
#b2a397 rgb(178,163,151)
```
#b2a597
```
#b2a597 rgb(178,165,151)
```
#b2a897
```
#b2a897 rgb(178,168,151)
```
#b2aa97
```
#b2aa97 rgb(178,170,151)
```

Similar Colors

Text with hexadecimal color #b2a397

This text has a font color of #b2a397.

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

#b2a397 background color

This paragraph has a background color of #b2a397.

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

#b2a397 border color

This element has a border color of #b2a397.

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

CSS codes

.text {color:#b2a397;}

.background {background-color:#b2a397;}

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

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

#090706
```
#090706 rgb(9,7,6)
```
#14110f
```
#14110f rgb(20,17,15)
```
#1f1b17
```
#1f1b17 rgb(31,27,23)
```
#2b241f
```
#2b241f rgb(43,36,31)
```
#362e28
```
#362e28 rgb(54,46,40)
```
#413830
```
#413830 rgb(65,56,48)
```
#4c4139
```
#4c4139 rgb(76,65,57)
```
#584b41
```
#584b41 rgb(88,75,65)
```
#635549
```
#635549 rgb(99,85,73)
```
#6e5e52
```
#6e5e52 rgb(110,94,82)
```
#79685a
```
#79685a rgb(121,104,90)
```
#857262
```
#857262 rgb(133,114,98)
```
#907b6b
```
#907b6b rgb(144,123,107)
```

Shade Color Variation

#998575
```
#998575 rgb(153,133,117)
```
#a18f80
```
#a18f80 rgb(161,143,128)
```
#aa998c
```
#aa998c rgb(170,153,140)
```
#b2a397
```
#b2a397 rgb(178,163,151)
```
#baada2
```
#baada2 rgb(186,173,162)
```
#c3b7ae
```
#c3b7ae rgb(195,183,174)
```
#cbc1b9
```
#cbc1b9 rgb(203,193,185)
```
#d3cbc4
```
#d3cbc4 rgb(211,203,196)
```
#dcd5cf
```
#dcd5cf rgb(220,213,207)
```
#e4dfdb
```
#e4dfdb rgb(228,223,219)
```
#ece9e6
```
#ece9e6 rgb(236,233,230)
```
#f5f3f1
```
#f5f3f1 rgb(245,243,241)
```
#fdfdfc
```
#fdfdfc rgb(253,253,252)
```

Tint Color Variation

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

#aba49e
```
#aba49e rgb(171,164,158)
```
#b2a397
```
#b2a397 rgb(178,163,151)
```
#b9a290
```
#b9a290 rgb(185,162,144)
```
#c0a189
```
#c0a189 rgb(192,161,137)
```
#c7a182
```
#c7a182 rgb(199,161,130)
```
#cea07b
```
#cea07b rgb(206,160,123)
```
#d59f74
```
#d59f74 rgb(213,159,116)
```
#dc9e6d
```
#dc9e6d rgb(220,158,109)
```
#e39e66
```
#e39e66 rgb(227,158,102)
```
#ea9d5f
```
#ea9d5f rgb(234,157,95)
```
#f19c58
```
#f19c58 rgb(241,156,88)
```
#f89b51
```
#f89b51 rgb(248,155,81)
```
#ff9a4a
```
#ff9a4a rgb(255,154,74)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#a8a5a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0a99d Protanopia 1% of men
#bea49d Deuteranopia 1% of men
#b9a4b0 Tritanopia 0.001% of the population

Trichromacy

#b0a79b Protanomaly 1% of men, 0.01% of women
#baa49b Deuteranomaly 6% of men, 0.4% of women
#b6a4a7 Tritanomaly 0.01% of the population

#b2a397 hex color

#b2a397 Color Information

#b2a397 Color Conversion

Color Schemes with #b2a397

Alternatives to #b2a397

#b2a397 Preview

Shades and Tints of #b2a397

Tones of #b2a397

Color Blindness Simulator