#b2a18e hex color

In a RGB color space, hex #b2a18e is composed of 69.8% red, 63.1% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.6% magenta, 20.2% yellow and 30.2% black. It has a hue angle of 31.7 degrees, a saturation of 18.9% and a lightness of 62.7%. #b2a18e color hex could be obtained by blending #ffffff with #65431d. Closest websafe color is: #999999.

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

● #b2a18e color description : Dark grayish orange.

The hexadecimal color #b2a18e has RGB values of R:178, G:161, B:142 and CMYK values of C:0, M:0.1, Y:0.2, K:0.3. Its decimal value is 11706766.

Hex triplet	b2a18e	`#b2a18e`
RGB Decimal	178, 161, 142	`rgb(178,161,142)`
RGB Percent	69.8, 63.1, 55.7	`rgb(69.8%,63.1%,55.7%)`
CMYK	0, 10, 20, 30
HSL	31.7°, 18.9, 62.7	`hsl(31.7,18.9%,62.7%)`
HSV (or HSB)	31.7°, 20.2, 69.8
Web Safe	999999	`#999999`

CIE-LAB	67.208, 3.063, 12.148
XYZ	35.987, 36.908, 30.818
xyY	0.347, 0.356, 36.908
CIE-LCH	67.208, 12.528, 75.848
CIE-LUV	67.208, 11.538, 16.318
Hunter-Lab	60.752, -0.581, 12.45
Binary	10110010, 10100001, 10001110

#b2a18e
```
#b2a18e rgb(178,161,142)
```
#8e9fb2
```
#8e9fb2 rgb(142,159,178)
```

Complementary Color

#b28f8e
```
#b28f8e rgb(178,143,142)
```
#b2a18e
```
#b2a18e rgb(178,161,142)
```
#b1b28e
```
#b1b28e rgb(177,178,142)
```

Analogous Color

#8f8eb2
```
#8f8eb2 rgb(143,142,178)
```
#b2a18e
```
#b2a18e rgb(178,161,142)
```
#8eb1b2
```
#8eb1b2 rgb(142,177,178)
```

Split Complementary Color

#a18eb2
```
#a18eb2 rgb(161,142,178)
```
#b2a18e
```
#b2a18e rgb(178,161,142)
```
#8eb2a1
```
#8eb2a1 rgb(142,178,161)
```

Triadic Color

#b28e9f
```
#b28e9f rgb(178,142,159)
```
#b2a18e
```
#b2a18e rgb(178,161,142)
```
#8eb2a1
```
#8eb2a1 rgb(142,178,161)
```
#8e9fb2
```
#8e9fb2 rgb(142,159,178)
```

Tetradic Color

#917b63
```
#917b63 rgb(145,123,99)
```
#9d8870
```
#9d8870 rgb(157,136,112)
```
#a8947f
```
#a8947f rgb(168,148,127)
```
#b2a18e
```
#b2a18e rgb(178,161,142)
```
#bcae9d
```
#bcae9d rgb(188,174,157)
```
#c7baac
```
#c7baac rgb(199,186,172)
```
#d1c7bb
```
#d1c7bb rgb(209,199,187)
```

Monochromatic Color

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

#b2988e
```
#b2988e rgb(178,152,142)
```
#b29b8e
```
#b29b8e rgb(178,155,142)
```
#b29e8e
```
#b29e8e rgb(178,158,142)
```
#b2a18e
```
#b2a18e rgb(178,161,142)
```
#b2a48e
```
#b2a48e rgb(178,164,142)
```
#b2a78e
```
#b2a78e rgb(178,167,142)
```
#b2aa8e
```
#b2aa8e rgb(178,170,142)
```

Similar Colors

Text with hexadecimal color #b2a18e

This text has a font color of #b2a18e.

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

#b2a18e background color

This paragraph has a background color of #b2a18e.

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

#b2a18e border color

This element has a border color of #b2a18e.

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

CSS codes

.text {color:#b2a18e;}

.background {background-color:#b2a18e;}

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

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

#040302
```
#040302 rgb(4,3,2)
```
#0f0d0a
```
#0f0d0a rgb(15,13,10)
```
#1b1712
```
#1b1712 rgb(27,23,18)
```
#27211a
```
#27211a rgb(39,33,26)
```
#322b22
```
#322b22 rgb(50,43,34)
```
#3e352a
```
#3e352a rgb(62,53,42)
```
#4a3f32
```
#4a3f32 rgb(74,63,50)
```
#55483a
```
#55483a rgb(85,72,58)
```
#615242
```
#615242 rgb(97,82,66)
```
#6d5c4a
```
#6d5c4a rgb(109,92,74)
```
#786652
```
#786652 rgb(120,102,82)
```
#84705a
```
#84705a rgb(132,112,90)
```
#907a62
```
#907a62 rgb(144,122,98)
```

Shade Color Variation

#9a846b
```
#9a846b rgb(154,132,107)
```
#a28e77
```
#a28e77 rgb(162,142,119)
```
#aa9782
```
#aa9782 rgb(170,151,130)
```
#b2a18e
```
#b2a18e rgb(178,161,142)
```
#baab9a
```
#baab9a rgb(186,171,154)
```
#c2b4a5
```
#c2b4a5 rgb(194,180,165)
```
#cabeb1
```
#cabeb1 rgb(202,190,177)
```
#d2c8bd
```
#d2c8bd rgb(210,200,189)
```
#dad2c8
```
#dad2c8 rgb(218,210,200)
```
#e2dbd4
```
#e2dbd4 rgb(226,219,212)
```
#eae5e0
```
#eae5e0 rgb(234,229,224)
```
#f2efeb
```
#f2efeb rgb(242,239,235)
```
#faf8f7
```
#faf8f7 rgb(250,248,247)
```

Tint Color Variation

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

#a3a09d
```
#a3a09d rgb(163,160,157)
```
#aba195
```
#aba195 rgb(171,161,149)
```
#b2a18e
```
#b2a18e rgb(178,161,142)
```
#b9a187
```
#b9a187 rgb(185,161,135)
```
#c1a27f
```
#c1a27f rgb(193,162,127)
```
#c8a278
```
#c8a278 rgb(200,162,120)
```
#cfa371
```
#cfa371 rgb(207,163,113)
```
#d7a369
```
#d7a369 rgb(215,163,105)
```
#dea362
```
#dea362 rgb(222,163,98)
```
#e5a45b
```
#e5a45b rgb(229,164,91)
```
#eca454
```
#eca454 rgb(236,164,84)
```
#f4a54c
```
#f4a54c rgb(244,165,76)
```
#fba545
```
#fba545 rgb(251,165,69)
```

Tone Color Variation

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

Dichromacy

#afa794 Protanopia 1% of men
#bfa294 Deuteranopia 1% of men
#b9a2ad Tritanopia 0.001% of the population

Trichromacy

#b0a592 Protanomaly 1% of men, 0.01% of women
#baa192 Deuteranomaly 6% of men, 0.4% of women
#b6a1a2 Tritanomaly 0.01% of the population

#b2a18e hex color

#b2a18e Color Information

#b2a18e Color Conversion

Color Schemes with #b2a18e

Alternatives to #b2a18e

#b2a18e Preview

Shades and Tints of #b2a18e

Tones of #b2a18e

Color Blindness Simulator