#b2a393 hex color

In a RGB color space, hex #b2a393 is composed of 69.8% red, 63.9% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.4% magenta, 17.4% yellow and 30.2% black. It has a hue angle of 31 degrees, a saturation of 16.8% and a lightness of 63.7%. #b2a393 color hex could be obtained by blending #ffffff with #654727. Closest websafe color is: #999999.

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

● #b2a393 color description : Dark grayish orange.

The hexadecimal color #b2a393 has RGB values of R:178, G:163, B:147 and CMYK values of C:0, M:0.08, Y:0.17, K:0.3. Its decimal value is 11707283.

Hex triplet	b2a393	`#b2a393`
RGB Decimal	178, 163, 147	`rgb(178,163,147)`
RGB Percent	69.8, 63.9, 57.6	`rgb(69.8%,63.9%,57.6%)`
CMYK	0, 8, 17, 30
HSL	31°, 16.8, 63.7	`hsl(31,16.8%,63.7%)`
HSV (or HSB)	31°, 17.4, 69.8
Web Safe	999999	`#999999`

CIE-LAB	67.848, 2.755, 10.281
XYZ	36.723, 37.766, 32.957
xyY	0.342, 0.351, 37.766
CIE-LCH	67.848, 10.644, 75
CIE-LUV	67.848, 10.038, 13.923
Hunter-Lab	61.454, -0.88, 11.222
Binary	10110010, 10100011, 10010011

#b2a393
```
#b2a393 rgb(178,163,147)
```
#93a2b2
```
#93a2b2 rgb(147,162,178)
```

Complementary Color

#b29493
```
#b29493 rgb(178,148,147)
```
#b2a393
```
#b2a393 rgb(178,163,147)
```
#b2b293
```
#b2b293 rgb(178,178,147)
```

Analogous Color

#9493b2
```
#9493b2 rgb(148,147,178)
```
#b2a393
```
#b2a393 rgb(178,163,147)
```
#93b2b2
```
#93b2b2 rgb(147,178,178)
```

Split Complementary Color

#a393b2
```
#a393b2 rgb(163,147,178)
```
#b2a393
```
#b2a393 rgb(178,163,147)
```
#93b2a3
```
#93b2a3 rgb(147,178,163)
```

Triadic Color

#b293a2
```
#b293a2 rgb(178,147,162)
```
#b2a393
```
#b2a393 rgb(178,163,147)
```
#93b2a3
```
#93b2a3 rgb(147,178,163)
```
#93a2b2
```
#93a2b2 rgb(147,162,178)
```

Tetradic Color

#917d67
```
#917d67 rgb(145,125,103)
```
#9d8a75
```
#9d8a75 rgb(157,138,117)
```
#a79684
```
#a79684 rgb(167,150,132)
```
#b2a393
```
#b2a393 rgb(178,163,147)
```
#bdb0a2
```
#bdb0a2 rgb(189,176,162)
```
#c7bcb1
```
#c7bcb1 rgb(199,188,177)
```
#d2c9c0
```
#d2c9c0 rgb(210,201,192)
```

Monochromatic Color

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

#b29b93
```
#b29b93 rgb(178,155,147)
```
#b29e93
```
#b29e93 rgb(178,158,147)
```
#b2a093
```
#b2a093 rgb(178,160,147)
```
#b2a393
```
#b2a393 rgb(178,163,147)
```
#b2a693
```
#b2a693 rgb(178,166,147)
```
#b2a893
```
#b2a893 rgb(178,168,147)
```
#b2ab93
```
#b2ab93 rgb(178,171,147)
```

Similar Colors

Text with hexadecimal color #b2a393

This text has a font color of #b2a393.

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

#b2a393 background color

This paragraph has a background color of #b2a393.

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

#b2a393 border color

This element has a border color of #b2a393.

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

CSS codes

.text {color:#b2a393;}

.background {background-color:#b2a393;}

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

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

#070605
```
#070605 rgb(7,6,5)
```
#120f0d
```
#120f0d rgb(18,15,13)
```
#1d1915
```
#1d1915 rgb(29,25,21)
```
#29231d
```
#29231d rgb(41,35,29)
```
#342d25
```
#342d25 rgb(52,45,37)
```
#40372d
```
#40372d rgb(64,55,45)
```
#4b4136
```
#4b4136 rgb(75,65,54)
```
#574b3e
```
#574b3e rgb(87,75,62)
```
#625446
```
#625446 rgb(98,84,70)
```
#6e5e4e
```
#6e5e4e rgb(110,94,78)
```
#796856
```
#796856 rgb(121,104,86)
```
#84725e
```
#84725e rgb(132,114,94)
```
#907c67
```
#907c67 rgb(144,124,103)
```

Shade Color Variation

#9a8671
```
#9a8671 rgb(154,134,113)
```
#a28f7c
```
#a28f7c rgb(162,143,124)
```
#aa9988
```
#aa9988 rgb(170,153,136)
```
#b2a393
```
#b2a393 rgb(178,163,147)
```
#baad9e
```
#baad9e rgb(186,173,158)
```
#c2b7aa
```
#c2b7aa rgb(194,183,170)
```
#cac0b5
```
#cac0b5 rgb(202,192,181)
```
#d3cac1
```
#d3cac1 rgb(211,202,193)
```
#dbd4cc
```
#dbd4cc rgb(219,212,204)
```
#e3ded8
```
#e3ded8 rgb(227,222,216)
```
#ebe7e3
```
#ebe7e3 rgb(235,231,227)
```
#f3f1ef
```
#f3f1ef rgb(243,241,239)
```
#fbfbfa
```
#fbfbfa rgb(251,251,250)
```

Tint Color Variation

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

#a4a3a1
```
#a4a3a1 rgb(164,163,161)
```
#aba39a
```
#aba39a rgb(171,163,154)
```
#b2a393
```
#b2a393 rgb(178,163,147)
```
#b9a38c
```
#b9a38c rgb(185,163,140)
```
#c0a385
```
#c0a385 rgb(192,163,133)
```
#c7a47e
```
#c7a47e rgb(199,164,126)
```
#cea477
```
#cea477 rgb(206,164,119)
```
#d6a46f
```
#d6a46f rgb(214,164,111)
```
#dda468
```
#dda468 rgb(221,164,104)
```
#e4a561
```
#e4a561 rgb(228,165,97)
```
#eba55a
```
#eba55a rgb(235,165,90)
```
#f2a553
```
#f2a553 rgb(242,165,83)
```
#f9a54c
```
#f9a54c rgb(249,165,76)
```

Tone Color Variation

Below, you can see how #b2a393 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
#a8a5a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0a999 Protanopia 1% of men
#bfa499 Deuteranopia 1% of men
#b9a4af Tritanopia 0.001% of the population

Trichromacy

#b1a797 Protanomaly 1% of men, 0.01% of women
#baa397 Deuteranomaly 6% of men, 0.4% of women
#b6a3a5 Tritanomaly 0.01% of the population

#b2a393 hex color

#b2a393 Color Information

#b2a393 Color Conversion

Color Schemes with #b2a393

Alternatives to #b2a393

#b2a393 Preview

Shades and Tints of #b2a393

Tones of #b2a393

Color Blindness Simulator