#b2aba4 hex color

In a RGB color space, hex #b2aba4 is composed of 69.8% red, 67.1% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.9% magenta, 7.9% yellow and 30.2% black. It has a hue angle of 30 degrees, a saturation of 8.3% and a lightness of 67.1%. #b2aba4 color hex could be obtained by blending #ffffff with #655749. Closest websafe color is: #999999.

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

● #b2aba4 color description : Dark grayish orange.

The hexadecimal color #b2aba4 has RGB values of R:178, G:171, B:164 and CMYK values of C:0, M:0.04, Y:0.08, K:0.3. Its decimal value is 11709348.

Hex triplet	b2aba4	`#b2aba4`
RGB Decimal	178, 171, 164	`rgb(178,171,164)`
RGB Percent	69.8, 67.1, 64.3	`rgb(69.8%,67.1%,64.3%)`
CMYK	0, 4, 8, 30
HSL	30°, 8.3, 67.1	`hsl(30,8.3%,67.1%)`
HSV (or HSB)	30°, 7.9, 69.8
Web Safe	999999	`#999999`

CIE-LAB	70.366, 1.247, 4.484
XYZ	39.623, 41.271, 40.999
xyY	0.325, 0.339, 41.271
CIE-LCH	70.366, 4.654, 74.46
CIE-LUV	70.366, 4.495, 6.259
Hunter-Lab	64.243, -2.332, 7.132
Binary	10110010, 10101011, 10100100

#b2aba4
```
#b2aba4 rgb(178,171,164)
```
#a4abb2
```
#a4abb2 rgb(164,171,178)
```

Complementary Color

#b2a4a4
```
#b2a4a4 rgb(178,164,164)
```
#b2aba4
```
#b2aba4 rgb(178,171,164)
```
#b2b2a4
```
#b2b2a4 rgb(178,178,164)
```

Analogous Color

#a4a4b2
```
#a4a4b2 rgb(164,164,178)
```
#b2aba4
```
#b2aba4 rgb(178,171,164)
```
#a4b2b2
```
#a4b2b2 rgb(164,178,178)
```

Split Complementary Color

#aba4b2
```
#aba4b2 rgb(171,164,178)
```
#b2aba4
```
#b2aba4 rgb(178,171,164)
```
#a4b2ab
```
#a4b2ab rgb(164,178,171)
```

Triadic Color

#b2a4ab
```
#b2a4ab rgb(178,164,171)
```
#b2aba4
```
#b2aba4 rgb(178,171,164)
```
#a4b2ab
```
#a4b2ab rgb(164,178,171)
```
#a4abb2
```
#a4abb2 rgb(164,171,178)
```

Tetradic Color

#8f857b
```
#8f857b rgb(143,133,123)
```
#9b9288
```
#9b9288 rgb(155,146,136)
```
#a69e96
```
#a69e96 rgb(166,158,150)
```
#b2aba4
```
#b2aba4 rgb(178,171,164)
```
#beb8b2
```
#beb8b2 rgb(190,184,178)
```
#c9c5c0
```
#c9c5c0 rgb(201,197,192)
```
#d5d1cd
```
#d5d1cd rgb(213,209,205)
```

Monochromatic Color

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

#b2a8a4
```
#b2a8a4 rgb(178,168,164)
```
#b2a9a4
```
#b2a9a4 rgb(178,169,164)
```
#b2aaa4
```
#b2aaa4 rgb(178,170,164)
```
#b2aba4
```
#b2aba4 rgb(178,171,164)
```
#b2aca4
```
#b2aca4 rgb(178,172,164)
```
#b2ada4
```
#b2ada4 rgb(178,173,164)
```
#b2afa4
```
#b2afa4 rgb(178,175,164)
```

Similar Colors

Text with hexadecimal color #b2aba4

This text has a font color of #b2aba4.

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

#b2aba4 background color

This paragraph has a background color of #b2aba4.

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

#b2aba4 border color

This element has a border color of #b2aba4.

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

CSS codes

.text {color:#b2aba4;}

.background {background-color:#b2aba4;}

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

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

#050404
```
#050404 rgb(5,4,4)
```
#0f0e0d
```
#0f0e0d rgb(15,14,13)
```
#1a1816
```
#1a1816 rgb(26,24,22)
```
#25221f
```
#25221f rgb(37,34,31)
```
#2f2c28
```
#2f2c28 rgb(47,44,40)
```
#3a3531
```
#3a3531 rgb(58,53,49)
```
#443f3a
```
#443f3a rgb(68,63,58)
```
#4f4943
```
#4f4943 rgb(79,73,67)
```
#5a534c
```
#5a534c rgb(90,83,76)
```
#645d55
```
#645d55 rgb(100,93,85)
```
#6f665e
```
#6f665e rgb(111,102,94)
```
#7a7067
```
#7a7067 rgb(122,112,103)
```
#847a70
```
#847a70 rgb(132,122,112)
```

Shade Color Variation

#8e847a
```
#8e847a rgb(142,132,122)
```
#978e84
```
#978e84 rgb(151,142,132)
```
#a0978f
```
#a0978f rgb(160,151,143)
```
#a9a199
```
#a9a199 rgb(169,161,153)
```
#b2aba4
```
#b2aba4 rgb(178,171,164)
```
#bbb5af
```
#bbb5af rgb(187,181,175)
```
#c4bfb9
```
#c4bfb9 rgb(196,191,185)
```
#cdc8c4
```
#cdc8c4 rgb(205,200,196)
```
#d6d2cf
```
#d6d2cf rgb(214,210,207)
```
#dfdcd9
```
#dfdcd9 rgb(223,220,217)
```
#e8e6e4
```
#e8e6e4 rgb(232,230,228)
```
#f1f0ee
```
#f1f0ee rgb(241,240,238)
```
#faf9f9
```
#faf9f9 rgb(250,249,249)
```

Tint Color Variation

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

#acabaa
```
#acabaa rgb(172,171,170)
```
#b2aba4
```
#b2aba4 rgb(178,171,164)
```
#b8ab9e
```
#b8ab9e rgb(184,171,158)
```
#bfab97
```
#bfab97 rgb(191,171,151)
```
#c5ab91
```
#c5ab91 rgb(197,171,145)
```
#ccab8a
```
#ccab8a rgb(204,171,138)
```
#d2ab84
```
#d2ab84 rgb(210,171,132)
```
#d9ab7d
```
#d9ab7d rgb(217,171,125)
```
#dfab77
```
#dfab77 rgb(223,171,119)
```
#e6ab70
```
#e6ab70 rgb(230,171,112)
```
#ecab6a
```
#ecab6a rgb(236,171,106)
```
#f3ab63
```
#f3ab63 rgb(243,171,99)
```
#f9ab5d
```
#f9ab5d rgb(249,171,93)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#adacaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5afa8 Protanopia 1% of men
#c3aaaa Deuteranopia 1% of men
#b8acb9 Tritanopia 0.001% of the population

Trichromacy

#b4ada7 Protanomaly 1% of men, 0.01% of women
#bcaaa7 Deuteranomaly 6% of men, 0.4% of women
#b6acb1 Tritanomaly 0.01% of the population

#b2aba4 hex color

#b2aba4 Color Information

#b2aba4 Color Conversion

Color Schemes with #b2aba4

Alternatives to #b2aba4

#b2aba4 Preview

Shades and Tints of #b2aba4

Tones of #b2aba4

Color Blindness Simulator