#b2a899 hex color

In a RGB color space, hex #b2a899 is composed of 69.8% red, 65.9% green and 60% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.6% magenta, 14% yellow and 30.2% black. It has a hue angle of 36 degrees, a saturation of 14% and a lightness of 64.9%. #b2a899 color hex could be obtained by blending #ffffff with #655133. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 70
- G 66
- B 60
RGB color chart
- C 0
- M 6
- Y 14
- K 30
CMYK color chart

● #b2a899 color description : Dark grayish orange.

The hexadecimal color #b2a899 has RGB values of R:178, G:168, B:153 and CMYK values of C:0, M:0.06, Y:0.14, K:0.3. Its decimal value is 11708569.

Hex triplet	b2a899	`#b2a899`
RGB Decimal	178, 168, 153	`rgb(178,168,153)`
RGB Percent	69.8, 65.9, 60	`rgb(69.8%,65.9%,60%)`
CMYK	0, 6, 14, 30
HSL	36°, 14, 64.9	`hsl(36,14%,64.9%)`
HSV (or HSB)	36°, 14, 69.8
Web Safe	999999	`#999999`

CIE-LAB	69.306, 1.005, 9.034
XYZ	38.112, 39.771, 35.804
xyY	0.335, 0.35, 39.771
CIE-LCH	69.306, 9.09, 83.65
CIE-LUV	69.306, 6.839, 12.616
Hunter-Lab	63.064, -2.488, 10.483
Binary	10110010, 10101000, 10011001

#b2a899
```
#b2a899 rgb(178,168,153)
```
#99a3b2
```
#99a3b2 rgb(153,163,178)
```

Complementary Color

#b29c99
```
#b29c99 rgb(178,156,153)
```
#b2a899
```
#b2a899 rgb(178,168,153)
```
#b0b299
```
#b0b299 rgb(176,178,153)
```

Analogous Color

#9c99b2
```
#9c99b2 rgb(156,153,178)
```
#b2a899
```
#b2a899 rgb(178,168,153)
```
#99b0b2
```
#99b0b2 rgb(153,176,178)
```

Split Complementary Color

#a899b2
```
#a899b2 rgb(168,153,178)
```
#b2a899
```
#b2a899 rgb(178,168,153)
```
#99b2a8
```
#99b2a8 rgb(153,178,168)
```

Triadic Color

#b299a3
```
#b299a3 rgb(178,153,163)
```
#b2a899
```
#b2a899 rgb(178,168,153)
```
#99b2a8
```
#99b2a8 rgb(153,178,168)
```
#99a3b2
```
#99a3b2 rgb(153,163,178)
```

Tetradic Color

#91836d
```
#91836d rgb(145,131,109)
```
#9c8f7c
```
#9c8f7c rgb(156,143,124)
```
#a79c8a
```
#a79c8a rgb(167,156,138)
```
#b2a899
```
#b2a899 rgb(178,168,153)
```
#bdb4a8
```
#bdb4a8 rgb(189,180,168)
```
#c8c1b6
```
#c8c1b6 rgb(200,193,182)
```
#d3cdc5
```
#d3cdc5 rgb(211,205,197)
```

Monochromatic Color

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

#b2a299
```
#b2a299 rgb(178,162,153)
```
#b2a499
```
#b2a499 rgb(178,164,153)
```
#b2a699
```
#b2a699 rgb(178,166,153)
```
#b2a899
```
#b2a899 rgb(178,168,153)
```
#b2aa99
```
#b2aa99 rgb(178,170,153)
```
#b2ac99
```
#b2ac99 rgb(178,172,153)
```
#b2ae99
```
#b2ae99 rgb(178,174,153)
```

Similar Colors

Text with hexadecimal color #b2a899

This text has a font color of #b2a899.

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

#b2a899 background color

This paragraph has a background color of #b2a899.

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

#b2a899 border color

This element has a border color of #b2a899.

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

CSS codes

.text {color:#b2a899;}

.background {background-color:#b2a899;}

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

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

#0a0907
```
#0a0907 rgb(10,9,7)
```
#151310
```
#151310 rgb(21,19,16)
```
#201d18
```
#201d18 rgb(32,29,24)
```
#2b2721
```
#2b2721 rgb(43,39,33)
```
#363129
```
#363129 rgb(54,49,41)
```
#423b32
```
#423b32 rgb(66,59,50)
```
#4d453a
```
#4d453a rgb(77,69,58)
```
#584f42
```
#584f42 rgb(88,79,66)
```
#63594b
```
#63594b rgb(99,89,75)
```
#6e6453
```
#6e6453 rgb(110,100,83)
```
#7a6e5c
```
#7a6e5c rgb(122,110,92)
```
#857864
```
#857864 rgb(133,120,100)
```
#90826d
```
#90826d rgb(144,130,109)
```

Shade Color Variation

#998b77
```
#998b77 rgb(153,139,119)
```
#a19583
```
#a19583 rgb(161,149,131)
```
#aa9e8e
```
#aa9e8e rgb(170,158,142)
```
#b2a899
```
#b2a899 rgb(178,168,153)
```
#bab2a4
```
#bab2a4 rgb(186,178,164)
```
#c3bbaf
```
#c3bbaf rgb(195,187,175)
```
#cbc5bb
```
#cbc5bb rgb(203,197,187)
```
#d4cec6
```
#d4cec6 rgb(212,206,198)
```
#dcd8d1
```
#dcd8d1 rgb(220,216,209)
```
#e5e1dc
```
#e5e1dc rgb(229,225,220)
```
#edebe7
```
#edebe7 rgb(237,235,231)
```
#f6f4f2
```
#f6f4f2 rgb(246,244,242)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#aba7a0
```
#aba7a0 rgb(171,167,160)
```
#b2a899
```
#b2a899 rgb(178,168,153)
```
#b9a992
```
#b9a992 rgb(185,169,146)
```
#c0ab8b
```
#c0ab8b rgb(192,171,139)
```
#c7ac84
```
#c7ac84 rgb(199,172,132)
```
#ceae7d
```
#ceae7d rgb(206,174,125)
```
#d4af77
```
#d4af77 rgb(212,175,119)
```
#dbb070
```
#dbb070 rgb(219,176,112)
```
#e2b269
```
#e2b269 rgb(226,178,105)
```
#e9b362
```
#e9b362 rgb(233,179,98)
```
#f0b45b
```
#f0b45b rgb(240,180,91)
```
#f7b654
```
#f7b654 rgb(247,182,84)
```
#feb74d
```
#feb74d rgb(254,183,77)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#aba9a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4ad9e Protanopia 1% of men
#c3a79f Deuteranopia 1% of men
#b9a9b5 Tritanopia 0.001% of the population

Trichromacy

#b3ab9c Protanomaly 1% of men, 0.01% of women
#bca79d Deuteranomaly 6% of men, 0.4% of women
#b6a8aa Tritanomaly 0.01% of the population

#b2a899 hex color

#b2a899 Color Information

#b2a899 Color Conversion

Color Schemes with #b2a899

Alternatives to #b2a899

#b2a899 Preview

Shades and Tints of #b2a899

Tones of #b2a899

Color Blindness Simulator