#b2a296 hex color

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

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

● #b2a296 color description : Dark grayish orange.

The hexadecimal color #b2a296 has RGB values of R:178, G:162, B:150 and CMYK values of C:0, M:0.09, Y:0.16, K:0.3. Its decimal value is 11707030.

Hex triplet	b2a296	`#b2a296`
RGB Decimal	178, 162, 150	`rgb(178,162,150)`
RGB Percent	69.8, 63.5, 58.8	`rgb(69.8%,63.5%,58.8%)`
CMYK	0, 9, 16, 30
HSL	25.7°, 15.4, 64.3	`hsl(25.7,15.4%,64.3%)`
HSV (or HSB)	25.7°, 15.7, 69.8
Web Safe	999999	`#999999`

CIE-LAB	67.657, 3.784, 8.344
XYZ	36.785, 37.508, 34.155
xyY	0.339, 0.346, 37.508
CIE-LCH	67.657, 9.162, 65.603
CIE-LUV	67.657, 10.377, 11.105
Hunter-Lab	61.244, 0.035, 9.806
Binary	10110010, 10100010, 10010110

#b2a296
```
#b2a296 rgb(178,162,150)
```
#96a6b2
```
#96a6b2 rgb(150,166,178)
```

Complementary Color

#b29698
```
#b29698 rgb(178,150,152)
```
#b2a296
```
#b2a296 rgb(178,162,150)
```
#b2b096
```
#b2b096 rgb(178,176,150)
```

Analogous Color

#9698b2
```
#9698b2 rgb(150,152,178)
```
#b2a296
```
#b2a296 rgb(178,162,150)
```
#96b2b0
```
#96b2b0 rgb(150,178,176)
```

Split Complementary Color

#a296b2
```
#a296b2 rgb(162,150,178)
```
#b2a296
```
#b2a296 rgb(178,162,150)
```
#96b2a2
```
#96b2a2 rgb(150,178,162)
```

Triadic Color

#b296a6
```
#b296a6 rgb(178,150,166)
```
#b2a296
```
#b2a296 rgb(178,162,150)
```
#96b2a2
```
#96b2a2 rgb(150,178,162)
```
#96a6b2
```
#96a6b2 rgb(150,166,178)
```

Tetradic Color

#917b6a
```
#917b6a rgb(145,123,106)
```
#9c8879
```
#9c8879 rgb(156,136,121)
```
#a79587
```
#a79587 rgb(167,149,135)
```
#b2a296
```
#b2a296 rgb(178,162,150)
```
#bdafa5
```
#bdafa5 rgb(189,175,165)
```
#c8bcb3
```
#c8bcb3 rgb(200,188,179)
```
#d2c9c2
```
#d2c9c2 rgb(210,201,194)
```

Monochromatic Color

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

#b29b96
```
#b29b96 rgb(178,155,150)
```
#b29d96
```
#b29d96 rgb(178,157,150)
```
#b2a096
```
#b2a096 rgb(178,160,150)
```
#b2a296
```
#b2a296 rgb(178,162,150)
```
#b2a496
```
#b2a496 rgb(178,164,150)
```
#b2a796
```
#b2a796 rgb(178,167,150)
```
#b2a996
```
#b2a996 rgb(178,169,150)
```

Similar Colors

Text with hexadecimal color #b2a296

This text has a font color of #b2a296.

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

#b2a296 background color

This paragraph has a background color of #b2a296.

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

#b2a296 border color

This element has a border color of #b2a296.

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

CSS codes

.text {color:#b2a296;}

.background {background-color:#b2a296;}

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

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)
```
#352d27
```
#352d27 rgb(53,45,39)
```
#41372f
```
#41372f rgb(65,55,47)
```
#4c4038
```
#4c4038 rgb(76,64,56)
```
#574a40
```
#574a40 rgb(87,74,64)
```
#635448
```
#635448 rgb(99,84,72)
```
#6e5d51
```
#6e5d51 rgb(110,93,81)
```
#796759
```
#796759 rgb(121,103,89)
```
#857061
```
#857061 rgb(133,112,97)
```
#907a6a
```
#907a6a rgb(144,122,106)
```

Shade Color Variation

#998474
```
#998474 rgb(153,132,116)
```
#a18e7f
```
#a18e7f rgb(161,142,127)
```
#aa988b
```
#aa988b rgb(170,152,139)
```
#b2a296
```
#b2a296 rgb(178,162,150)
```
#baaca1
```
#baaca1 rgb(186,172,161)
```
#c3b6ad
```
#c3b6ad rgb(195,182,173)
```
#cbc0b8
```
#cbc0b8 rgb(203,192,184)
```
#d3cac3
```
#d3cac3 rgb(211,202,195)
```
#dbd4cf
```
#dbd4cf rgb(219,212,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, #aba39d is the less saturated color, while #ff9749 is the most saturated one.

#aba39d
```
#aba39d rgb(171,163,157)
```
#b2a296
```
#b2a296 rgb(178,162,150)
```
#b9a18f
```
#b9a18f rgb(185,161,143)
```
#c0a088
```
#c0a088 rgb(192,160,136)
```
#c79f81
```
#c79f81 rgb(199,159,129)
```
#ce9e7a
```
#ce9e7a rgb(206,158,122)
```
#d59d73
```
#d59d73 rgb(213,157,115)
```
#dc9c6c
```
#dc9c6c rgb(220,156,108)
```
#e39b65
```
#e39b65 rgb(227,155,101)
```
#ea9a5e
```
#ea9a5e rgb(234,154,94)
```
#f19957
```
#f19957 rgb(241,153,87)
```
#f89850
```
#f89850 rgb(248,152,80)
```
#ff9749
```
#ff9749 rgb(255,151,73)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a8a4a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afa89c Protanopia 1% of men
#bea39c Deuteranopia 1% of men
#b9a3af Tritanopia 0.001% of the population

Trichromacy

#b0a69a Protanomaly 1% of men, 0.01% of women
#b9a39a Deuteranomaly 6% of men, 0.4% of women
#b6a3a6 Tritanomaly 0.01% of the population

#b2a296 hex color

#b2a296 Color Information

#b2a296 Color Conversion

Color Schemes with #b2a296

Alternatives to #b2a296

#b2a296 Preview

Shades and Tints of #b2a296

Tones of #b2a296

Color Blindness Simulator