#b8afa3 hex color

In a RGB color space, hex #b8afa3 is composed of 72.2% red, 68.6% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.9% magenta, 11.4% yellow and 27.8% black. It has a hue angle of 34.3 degrees, a saturation of 12.9% and a lightness of 68%. #b8afa3 color hex could be obtained by blending #ffffff with #715f47. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 72
- G 69
- B 64
RGB color chart
- C 0
- M 5
- Y 11
- K 28
CMYK color chart

● #b8afa3 color description : Grayish orange.

The hexadecimal color #b8afa3 has RGB values of R:184, G:175, B:163 and CMYK values of C:0, M:0.05, Y:0.11, K:0.28. Its decimal value is 12103587.

Hex triplet	b8afa3	`#b8afa3`
RGB Decimal	184, 175, 163	`rgb(184,175,163)`
RGB Percent	72.2, 68.6, 63.9	`rgb(72.2%,68.6%,63.9%)`
CMYK	0, 5, 11, 28
HSL	34.3°, 12.9, 68	`hsl(34.3,12.9%,68%)`
HSV (or HSB)	34.3°, 11.4, 72.2
Web Safe	cc9999	`#cc9999`

CIE-LAB	71.89, 1.115, 7.291
XYZ	41.707, 43.495, 40.847
xyY	0.331, 0.345, 43.495
CIE-LCH	71.89, 7.376, 81.302
CIE-LUV	71.89, 6.017, 10.274
Hunter-Lab	65.951, -2.531, 9.444
Binary	10111000, 10101111, 10100011

#b8afa3
```
#b8afa3 rgb(184,175,163)
```
#a3acb8
```
#a3acb8 rgb(163,172,184)
```

Complementary Color

#b8a5a3
```
#b8a5a3 rgb(184,165,163)
```
#b8afa3
```
#b8afa3 rgb(184,175,163)
```
#b7b8a3
```
#b7b8a3 rgb(183,184,163)
```

Analogous Color

#a5a3b8
```
#a5a3b8 rgb(165,163,184)
```
#b8afa3
```
#b8afa3 rgb(184,175,163)
```
#a3b7b8
```
#a3b7b8 rgb(163,183,184)
```

Split Complementary Color

#afa3b8
```
#afa3b8 rgb(175,163,184)
```
#b8afa3
```
#b8afa3 rgb(184,175,163)
```
#a3b8af
```
#a3b8af rgb(163,184,175)
```

Triadic Color

#b8a3ac
```
#b8a3ac rgb(184,163,172)
```
#b8afa3
```
#b8afa3 rgb(184,175,163)
```
#a3b8af
```
#a3b8af rgb(163,184,175)
```
#a3acb8
```
#a3acb8 rgb(163,172,184)
```

Tetradic Color

#978978
```
#978978 rgb(151,137,120)
```
#a29686
```
#a29686 rgb(162,150,134)
```
#ada295
```
#ada295 rgb(173,162,149)
```
#b8afa3
```
#b8afa3 rgb(184,175,163)
```
#c3bcb1
```
#c3bcb1 rgb(195,188,177)
```
#cec8c0
```
#cec8c0 rgb(206,200,192)
```
#d9d5ce
```
#d9d5ce rgb(217,213,206)
```

Monochromatic Color

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

#b8aaa3
```
#b8aaa3 rgb(184,170,163)
```
#b8aca3
```
#b8aca3 rgb(184,172,163)
```
#b8ada3
```
#b8ada3 rgb(184,173,163)
```
#b8afa3
```
#b8afa3 rgb(184,175,163)
```
#b8b1a3
```
#b8b1a3 rgb(184,177,163)
```
#b8b3a3
```
#b8b3a3 rgb(184,179,163)
```
#b8b4a3
```
#b8b4a3 rgb(184,180,163)
```

Similar Colors

Text with hexadecimal color #b8afa3

This text has a font color of #b8afa3.

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

#b8afa3 background color

This paragraph has a background color of #b8afa3.

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

#b8afa3 border color

This element has a border color of #b8afa3.

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

CSS codes

.text {color:#b8afa3;}

.background {background-color:#b8afa3;}

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

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

#080706
```
#080706 rgb(8,7,6)
```
#13110e
```
#13110e rgb(19,17,14)
```
#1e1b17
```
#1e1b17 rgb(30,27,23)
```
#292520
```
#292520 rgb(41,37,32)
```
#342f28
```
#342f28 rgb(52,47,40)
```
#3f3931
```
#3f3931 rgb(63,57,49)
```
#4a4339
```
#4a4339 rgb(74,67,57)
```
#554d42
```
#554d42 rgb(85,77,66)
```
#60574a
```
#60574a rgb(96,87,74)
```
#6b6153
```
#6b6153 rgb(107,97,83)
```
#766b5b
```
#766b5b rgb(118,107,91)
```
#817564
```
#817564 rgb(129,117,100)
```
#8c7f6c
```
#8c7f6c rgb(140,127,108)
```

Shade Color Variation

#968877
```
#968877 rgb(150,136,119)
```
#9e9282
```
#9e9282 rgb(158,146,130)
```
#a79c8d
```
#a79c8d rgb(167,156,141)
```
#afa598
```
#afa598 rgb(175,165,152)
```
#b8afa3
```
#b8afa3 rgb(184,175,163)
```
#c1b9ae
```
#c1b9ae rgb(193,185,174)
```
#c9c2b9
```
#c9c2b9 rgb(201,194,185)
```
#d2ccc4
```
#d2ccc4 rgb(210,204,196)
```
#dad6cf
```
#dad6cf rgb(218,214,207)
```
#e3dfda
```
#e3dfda rgb(227,223,218)
```
#ebe9e5
```
#ebe9e5 rgb(235,233,229)
```
#f4f2f0
```
#f4f2f0 rgb(244,242,240)
```
#fcfcfc
```
#fcfcfc rgb(252,252,252)
```

Tint Color Variation

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

#b2aea9
```
#b2aea9 rgb(178,174,169)
```
#b8afa3
```
#b8afa3 rgb(184,175,163)
```
#beb09d
```
#beb09d rgb(190,176,157)
```
#c5b196
```
#c5b196 rgb(197,177,150)
```
#cbb290
```
#cbb290 rgb(203,178,144)
```
#d1b38a
```
#d1b38a rgb(209,179,138)
```
#d7b384
```
#d7b384 rgb(215,179,132)
```
#deb47d
```
#deb47d rgb(222,180,125)
```
#e4b577
```
#e4b577 rgb(228,181,119)
```
#eab671
```
#eab671 rgb(234,182,113)
```
#f0b76b
```
#f0b76b rgb(240,183,107)
```
#f7b864
```
#f7b864 rgb(247,184,100)
```
#fdb95e
```
#fdb95e rgb(253,185,94)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b2b0ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#bab3a8 Protanopia 1% of men
#c9aea9 Deuteranopia 1% of men
#bfafbc Tritanopia 0.001% of the population

Trichromacy

#b9b1a6 Protanomaly 1% of men, 0.01% of women
#c2aea6 Deuteranomaly 6% of men, 0.4% of women
#bcafb3 Tritanomaly 0.01% of the population

#b8afa3 hex color

#b8afa3 Color Information

#b8afa3 Color Conversion

Color Schemes with #b8afa3

Alternatives to #b8afa3

#b8afa3 Preview

Shades and Tints of #b8afa3

Tones of #b8afa3

Color Blindness Simulator