#b2a18c hex color

In a RGB color space, hex #b2a18c is composed of 69.8% red, 63.1% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.6% magenta, 21.3% yellow and 30.2% black. It has a hue angle of 33.2 degrees, a saturation of 19.8% and a lightness of 62.4%. #b2a18c color hex could be obtained by blending #ffffff with #654319. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 70
- G 63
- B 55
RGB color chart
- C 0
- M 10
- Y 21
- K 30
CMYK color chart

● #b2a18c color description : Dark grayish orange.

The hexadecimal color #b2a18c has RGB values of R:178, G:161, B:140 and CMYK values of C:0, M:0.1, Y:0.21, K:0.3. Its decimal value is 11706764.

Hex triplet	b2a18c	`#b2a18c`
RGB Decimal	178, 161, 140	`rgb(178,161,140)`
RGB Percent	69.8, 63.1, 54.9	`rgb(69.8%,63.1%,54.9%)`
CMYK	0, 10, 21, 30
HSL	33.2°, 19.8, 62.4	`hsl(33.2,19.8%,62.4%)`
HSV (or HSB)	33.2°, 21.3, 69.8
Web Safe	999999	`#999999`

CIE-LAB	67.163, 2.757, 13.194
XYZ	35.838, 36.849, 30.034
xyY	0.349, 0.359, 36.849
CIE-LCH	67.163, 13.479, 78.198
CIE-LUV	67.163, 11.686, 17.744
Hunter-Lab	60.703, -0.848, 13.157
Binary	10110010, 10100001, 10001100

#b2a18c
```
#b2a18c rgb(178,161,140)
```
#8c9db2
```
#8c9db2 rgb(140,157,178)
```

Complementary Color

#b28e8c
```
#b28e8c rgb(178,142,140)
```
#b2a18c
```
#b2a18c rgb(178,161,140)
```
#b0b28c
```
#b0b28c rgb(176,178,140)
```

Analogous Color

#8e8cb2
```
#8e8cb2 rgb(142,140,178)
```
#b2a18c
```
#b2a18c rgb(178,161,140)
```
#8cb0b2
```
#8cb0b2 rgb(140,176,178)
```

Split Complementary Color

#a18cb2
```
#a18cb2 rgb(161,140,178)
```
#b2a18c
```
#b2a18c rgb(178,161,140)
```
#8cb2a1
```
#8cb2a1 rgb(140,178,161)
```

Triadic Color

#b28c9d
```
#b28c9d rgb(178,140,157)
```
#b2a18c
```
#b2a18c rgb(178,161,140)
```
#8cb2a1
```
#8cb2a1 rgb(140,178,161)
```
#8c9db2
```
#8c9db2 rgb(140,157,178)
```

Tetradic Color

#917b61
```
#917b61 rgb(145,123,97)
```
#9e886d
```
#9e886d rgb(158,136,109)
```
#a8957d
```
#a8957d rgb(168,149,125)
```
#b2a18c
```
#b2a18c rgb(178,161,140)
```
#bcad9b
```
#bcad9b rgb(188,173,155)
```
#c6baab
```
#c6baab rgb(198,186,171)
```
#d1c6ba
```
#d1c6ba rgb(209,198,186)
```

Monochromatic Color

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

#b2988c
```
#b2988c rgb(178,152,140)
```
#b29b8c
```
#b29b8c rgb(178,155,140)
```
#b29e8c
```
#b29e8c rgb(178,158,140)
```
#b2a18c
```
#b2a18c rgb(178,161,140)
```
#b2a48c
```
#b2a48c rgb(178,164,140)
```
#b2a78c
```
#b2a78c rgb(178,167,140)
```
#b2ab8c
```
#b2ab8c rgb(178,171,140)
```

Similar Colors

Text with hexadecimal color #b2a18c

This text has a font color of #b2a18c.

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

#b2a18c background color

This paragraph has a background color of #b2a18c.

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

#b2a18c border color

This element has a border color of #b2a18c.

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

CSS codes

.text {color:#b2a18c;}

.background {background-color:#b2a18c;}

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0e0c0a
```
#0e0c0a rgb(14,12,10)
```
#1a1611
```
#1a1611 rgb(26,22,17)
```
#262019
```
#262019 rgb(38,32,25)
```
#312a21
```
#312a21 rgb(49,42,33)
```
#3d3429
```
#3d3429 rgb(61,52,41)
```
#493e31
```
#493e31 rgb(73,62,49)
```
#554839
```
#554839 rgb(85,72,57)
```
#605241
```
#605241 rgb(96,82,65)
```
#6c5c48
```
#6c5c48 rgb(108,92,72)
```
#786650
```
#786650 rgb(120,102,80)
```
#847058
```
#847058 rgb(132,112,88)
```
#8f7a60
```
#8f7a60 rgb(143,122,96)
```

Shade Color Variation

#9a8469
```
#9a8469 rgb(154,132,105)
```
#a28e75
```
#a28e75 rgb(162,142,117)
```
#aa9780
```
#aa9780 rgb(170,151,128)
```
#b2a18c
```
#b2a18c rgb(178,161,140)
```
#baab98
```
#baab98 rgb(186,171,152)
```
#c2b4a3
```
#c2b4a3 rgb(194,180,163)
```
#cabeaf
```
#cabeaf rgb(202,190,175)
```
#d1c7bb
```
#d1c7bb rgb(209,199,187)
```
#d9d1c7
```
#d9d1c7 rgb(217,209,199)
```
#e1dbd2
```
#e1dbd2 rgb(225,219,210)
```
#e9e4de
```
#e9e4de rgb(233,228,222)
```
#f1eeea
```
#f1eeea rgb(241,238,234)
```
#f9f7f6
```
#f9f7f6 rgb(249,247,246)
```

Tint Color Variation

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

#a39f9b
```
#a39f9b rgb(163,159,155)
```
#aba093
```
#aba093 rgb(171,160,147)
```
#b2a18c
```
#b2a18c rgb(178,161,140)
```
#b9a285
```
#b9a285 rgb(185,162,133)
```
#c1a37d
```
#c1a37d rgb(193,163,125)
```
#c8a376
```
#c8a376 rgb(200,163,118)
```
#d0a46e
```
#d0a46e rgb(208,164,110)
```
#d7a567
```
#d7a567 rgb(215,165,103)
```
#dea660
```
#dea660 rgb(222,166,96)
```
#e6a658
```
#e6a658 rgb(230,166,88)
```
#eda751
```
#eda751 rgb(237,167,81)
```
#f4a84a
```
#f4a84a rgb(244,168,74)
```
#fca942
```
#fca942 rgb(252,169,66)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a7a39f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0a792 Protanopia 1% of men
#bfa293 Deuteranopia 1% of men
#b9a1ad Tritanopia 0.001% of the population

Trichromacy

#b0a590 Protanomaly 1% of men, 0.01% of women
#baa190 Deuteranomaly 6% of men, 0.4% of women
#b7a1a1 Tritanomaly 0.01% of the population

#b2a18c hex color

#b2a18c Color Information

#b2a18c Color Conversion

Color Schemes with #b2a18c

Alternatives to #b2a18c

#b2a18c Preview

Shades and Tints of #b2a18c

Tones of #b2a18c

Color Blindness Simulator