#b2a399 hex color

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

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

● #b2a399 color description : Dark grayish orange.

The hexadecimal color #b2a399 has RGB values of R:178, G:163, B:153 and CMYK values of C:0, M:0.08, Y:0.14, K:0.3. Its decimal value is 11707289.

Hex triplet	b2a399	`#b2a399`
RGB Decimal	178, 163, 153	`rgb(178,163,153)`
RGB Percent	69.8, 63.9, 60	`rgb(69.8%,63.9%,60%)`
CMYK	0, 8, 14, 30
HSL	24°, 14, 64.9	`hsl(24,14%,64.9%)`
HSV (or HSB)	24°, 14, 69.8
Web Safe	999999	`#999999`

CIE-LAB	67.991, 3.73, 7.156
XYZ	37.206, 37.96, 35.502
xyY	0.336, 0.343, 37.96
CIE-LCH	67.991, 8.07, 62.472
CIE-LUV	67.991, 9.598, 9.498
Hunter-Lab	61.611, -0.027, 8.964
Binary	10110010, 10100011, 10011001

#b2a399
```
#b2a399 rgb(178,163,153)
```
#99a8b2
```
#99a8b2 rgb(153,168,178)
```

Complementary Color

#b2999c
```
#b2999c rgb(178,153,156)
```
#b2a399
```
#b2a399 rgb(178,163,153)
```
#b2b099
```
#b2b099 rgb(178,176,153)
```

Analogous Color

#999cb2
```
#999cb2 rgb(153,156,178)
```
#b2a399
```
#b2a399 rgb(178,163,153)
```
#99b2b0
```
#99b2b0 rgb(153,178,176)
```

Split Complementary Color

#a399b2
```
#a399b2 rgb(163,153,178)
```
#b2a399
```
#b2a399 rgb(178,163,153)
```
#99b2a3
```
#99b2a3 rgb(153,178,163)
```

Triadic Color

#b299a8
```
#b299a8 rgb(178,153,168)
```
#b2a399
```
#b2a399 rgb(178,163,153)
```
#99b2a3
```
#99b2a3 rgb(153,178,163)
```
#99a8b2
```
#99a8b2 rgb(153,168,178)
```

Tetradic Color

#917c6d
```
#917c6d rgb(145,124,109)
```
#9c897c
```
#9c897c rgb(156,137,124)
```
#a7968a
```
#a7968a rgb(167,150,138)
```
#b2a399
```
#b2a399 rgb(178,163,153)
```
#bdb0a8
```
#bdb0a8 rgb(189,176,168)
```
#c8bdb6
```
#c8bdb6 rgb(200,189,182)
```
#d3cac5
```
#d3cac5 rgb(211,202,197)
```

Monochromatic Color

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

#b29d99
```
#b29d99 rgb(178,157,153)
```
#b29f99
```
#b29f99 rgb(178,159,153)
```
#b2a199
```
#b2a199 rgb(178,161,153)
```
#b2a399
```
#b2a399 rgb(178,163,153)
```
#b2a599
```
#b2a599 rgb(178,165,153)
```
#b2a799
```
#b2a799 rgb(178,167,153)
```
#b2a999
```
#b2a999 rgb(178,169,153)
```

Similar Colors

Text with hexadecimal color #b2a399

This text has a font color of #b2a399.

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

#b2a399 background color

This paragraph has a background color of #b2a399.

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

#b2a399 border color

This element has a border color of #b2a399.

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

CSS codes

.text {color:#b2a399;}

.background {background-color:#b2a399;}

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

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

#0a0807
```
#0a0807 rgb(10,8,7)
```
#151210
```
#151210 rgb(21,18,16)
```
#201b18
```
#201b18 rgb(32,27,24)
```
#2b2521
```
#2b2521 rgb(43,37,33)
```
#362e29
```
#362e29 rgb(54,46,41)
```
#423832
```
#423832 rgb(66,56,50)
```
#4d423a
```
#4d423a rgb(77,66,58)
```
#584b42
```
#584b42 rgb(88,75,66)
```
#63554b
```
#63554b rgb(99,85,75)
```
#6e5e53
```
#6e5e53 rgb(110,94,83)
```
#7a685c
```
#7a685c rgb(122,104,92)
```
#857164
```
#857164 rgb(133,113,100)
```
#907b6d
```
#907b6d rgb(144,123,109)
```

Shade Color Variation

#998577
```
#998577 rgb(153,133,119)
```
#a18f83
```
#a18f83 rgb(161,143,131)
```
#aa998e
```
#aa998e rgb(170,153,142)
```
#b2a399
```
#b2a399 rgb(178,163,153)
```
#baada4
```
#baada4 rgb(186,173,164)
```
#c3b7af
```
#c3b7af rgb(195,183,175)
```
#cbc1bb
```
#cbc1bb rgb(203,193,187)
```
#d4cbc6
```
#d4cbc6 rgb(212,203,198)
```
#dcd5d1
```
#dcd5d1 rgb(220,213,209)
```
#e5dfdc
```
#e5dfdc rgb(229,223,220)
```
#edeae7
```
#edeae7 rgb(237,234,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, #aba4a0 is the less saturated color, while #fe944d is the most saturated one.

#aba4a0
```
#aba4a0 rgb(171,164,160)
```
#b2a399
```
#b2a399 rgb(178,163,153)
```
#b9a292
```
#b9a292 rgb(185,162,146)
```
#c0a08b
```
#c0a08b rgb(192,160,139)
```
#c79f84
```
#c79f84 rgb(199,159,132)
```
#ce9d7d
```
#ce9d7d rgb(206,157,125)
```
#d49c77
```
#d49c77 rgb(212,156,119)
```
#db9b70
```
#db9b70 rgb(219,155,112)
```
#e29969
```
#e29969 rgb(226,153,105)
```
#e99862
```
#e99862 rgb(233,152,98)
```
#f0975b
```
#f0975b rgb(240,151,91)
```
#f79554
```
#f79554 rgb(247,149,84)
```
#fe944d
```
#fe944d rgb(254,148,77)
```

Tone Color Variation

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

#afa99f Protanopia 1% of men
#bea49f Deuteranopia 1% of men
#b8a4b0 Tritanopia 0.001% of the population

Trichromacy

#b0a79c Protanomaly 1% of men, 0.01% of women
#b9a49c Deuteranomaly 6% of men, 0.4% of women
#b6a4a8 Tritanomaly 0.01% of the population

#b2a399 hex color

#b2a399 Color Information

#b2a399 Color Conversion

Color Schemes with #b2a399

Alternatives to #b2a399

#b2a399 Preview

Shades and Tints of #b2a399

Tones of #b2a399

Color Blindness Simulator