#b2a396 hex color

In a RGB color space, hex #b2a396 is composed of 69.8% red, 63.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.4% magenta, 15.7% yellow and 30.2% black. It has a hue angle of 27.9 degrees, a saturation of 15.4% and a lightness of 64.3%. #b2a396 color hex could be obtained by blending #ffffff with #65472d. Closest websafe color is: #999999.

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

● #b2a396 color description : Dark grayish orange.

The hexadecimal color #b2a396 has RGB values of R:178, G:163, B:150 and CMYK values of C:0, M:0.08, Y:0.16, K:0.3. Its decimal value is 11707286.

Hex triplet	b2a396	`#b2a396`
RGB Decimal	178, 163, 150	`rgb(178,163,150)`
RGB Percent	69.8, 63.9, 58.8	`rgb(69.8%,63.9%,58.8%)`
CMYK	0, 8, 16, 30
HSL	27.9°, 15.4, 64.3	`hsl(27.9,15.4%,64.3%)`
HSV (or HSB)	27.9°, 15.7, 69.8
Web Safe	999999	`#999999`

CIE-LAB	67.919, 3.237, 8.718
XYZ	36.962, 37.862, 34.213
xyY	0.339, 0.347, 37.862
CIE-LCH	67.919, 9.299, 69.627
CIE-LUV	67.919, 9.819, 11.724
Hunter-Lab	61.532, -0.458, 10.106
Binary	10110010, 10100011, 10010110

#b2a396
```
#b2a396 rgb(178,163,150)
```
#96a5b2
```
#96a5b2 rgb(150,165,178)
```

Complementary Color

#b29697
```
#b29697 rgb(178,150,151)
```
#b2a396
```
#b2a396 rgb(178,163,150)
```
#b2b196
```
#b2b196 rgb(178,177,150)
```

Analogous Color

#9697b2
```
#9697b2 rgb(150,151,178)
```
#b2a396
```
#b2a396 rgb(178,163,150)
```
#96b2b1
```
#96b2b1 rgb(150,178,177)
```

Split Complementary Color

#a396b2
```
#a396b2 rgb(163,150,178)
```
#b2a396
```
#b2a396 rgb(178,163,150)
```
#96b2a3
```
#96b2a3 rgb(150,178,163)
```

Triadic Color

#b296a5
```
#b296a5 rgb(178,150,165)
```
#b2a396
```
#b2a396 rgb(178,163,150)
```
#96b2a3
```
#96b2a3 rgb(150,178,163)
```
#96a5b2
```
#96a5b2 rgb(150,165,178)
```

Tetradic Color

#917c6a
```
#917c6a rgb(145,124,106)
```
#9c8979
```
#9c8979 rgb(156,137,121)
```
#a79687
```
#a79687 rgb(167,150,135)
```
#b2a396
```
#b2a396 rgb(178,163,150)
```
#bdb0a5
```
#bdb0a5 rgb(189,176,165)
```
#c8bdb3
```
#c8bdb3 rgb(200,189,179)
```
#d2cac2
```
#d2cac2 rgb(210,202,194)
```

Monochromatic Color

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

#b29c96
```
#b29c96 rgb(178,156,150)
```
#b29e96
```
#b29e96 rgb(178,158,150)
```
#b2a196
```
#b2a196 rgb(178,161,150)
```
#b2a396
```
#b2a396 rgb(178,163,150)
```
#b2a596
```
#b2a596 rgb(178,165,150)
```
#b2a896
```
#b2a896 rgb(178,168,150)
```
#b2aa96
```
#b2aa96 rgb(178,170,150)
```

Similar Colors

Text with hexadecimal color #b2a396

This text has a font color of #b2a396.

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

#b2a396 background color

This paragraph has a background color of #b2a396.

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

#b2a396 border color

This element has a border color of #b2a396.

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

CSS codes

.text {color:#b2a396;}

.background {background-color:#b2a396;}

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

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

#080706
```
#080706 rgb(8,7,6)
```
#13110e
```
#13110e rgb(19,17,14)
```
#1f1a17
```
#1f1a17 rgb(31,26,23)
```
#2a241f
```
#2a241f rgb(42,36,31)
```
#352e27
```
#352e27 rgb(53,46,39)
```
#41372f
```
#41372f rgb(65,55,47)
```
#4c4138
```
#4c4138 rgb(76,65,56)
```
#574b40
```
#574b40 rgb(87,75,64)
```
#635548
```
#635548 rgb(99,85,72)
```
#6e5e51
```
#6e5e51 rgb(110,94,81)
```
#796859
```
#796859 rgb(121,104,89)
```
#857261
```
#857261 rgb(133,114,97)
```
#907b6a
```
#907b6a rgb(144,123,106)
```

Shade Color Variation

#998574
```
#998574 rgb(153,133,116)
```
#a18f7f
```
#a18f7f rgb(161,143,127)
```
#aa998b
```
#aa998b rgb(170,153,139)
```
#b2a396
```
#b2a396 rgb(178,163,150)
```
#baada1
```
#baada1 rgb(186,173,161)
```
#c3b7ad
```
#c3b7ad rgb(195,183,173)
```
#cbc1b8
```
#cbc1b8 rgb(203,193,184)
```
#d3cbc3
```
#d3cbc3 rgb(211,203,195)
```
#dbd5cf
```
#dbd5cf rgb(219,213,207)
```
#e4deda
```
#e4deda rgb(228,222,218)
```
#ece8e5
```
#ece8e5 rgb(236,232,229)
```
#f4f2f1
```
#f4f2f1 rgb(244,242,241)
```
#fdfcfc
```
#fdfcfc rgb(253,252,252)
```

Tint Color Variation

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

#aba49d
```
#aba49d rgb(171,164,157)
```
#b2a396
```
#b2a396 rgb(178,163,150)
```
#b9a38f
```
#b9a38f rgb(185,163,143)
```
#c0a288
```
#c0a288 rgb(192,162,136)
```
#c7a281
```
#c7a281 rgb(199,162,129)
```
#cea17a
```
#cea17a rgb(206,161,122)
```
#d5a173
```
#d5a173 rgb(213,161,115)
```
#dca06c
```
#dca06c rgb(220,160,108)
```
#e3a065
```
#e3a065 rgb(227,160,101)
```
#ea9f5e
```
#ea9f5e rgb(234,159,94)
```
#f19f57
```
#f19f57 rgb(241,159,87)
```
#f89e50
```
#f89e50 rgb(248,158,80)
```
#ff9e49
```
#ff9e49 rgb(255,158,73)
```

Tone Color Variation

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

#b0a99c Protanopia 1% of men
#bfa49c Deuteranopia 1% of men
#b9a4b0 Tritanopia 0.001% of the population

Trichromacy

#b0a79a Protanomaly 1% of men, 0.01% of women
#baa39a Deuteranomaly 6% of men, 0.4% of women
#b6a4a6 Tritanomaly 0.01% of the population

#b2a396 hex color

#b2a396 Color Information

#b2a396 Color Conversion

Color Schemes with #b2a396

Alternatives to #b2a396

#b2a396 Preview

Shades and Tints of #b2a396

Tones of #b2a396

Color Blindness Simulator