#b8baaf hex color

In a RGB color space, hex #b8baaf is composed of 72.2% red, 72.9% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 1.1% cyan, 0% magenta, 5.9% yellow and 27.1% black. It has a hue angle of 70.9 degrees, a saturation of 7.4% and a lightness of 70.8%. #b8baaf color hex could be obtained by blending #ffffff with #71755f. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 72
- G 73
- B 69
RGB color chart
- C 1
- M 0
- Y 6
- K 27
CMYK color chart

● #b8baaf color description : Grayish yellow.

The hexadecimal color #b8baaf has RGB values of R:184, G:186, B:175 and CMYK values of C:0.01, M:0, Y:0.06, K:0.27. Its decimal value is 12106415.

Hex triplet	b8baaf	`#b8baaf`
RGB Decimal	184, 186, 175	`rgb(184,186,175)`
RGB Percent	72.2, 72.9, 68.6	`rgb(72.2%,72.9%,68.6%)`
CMYK	1, 0, 6, 27
HSL	70.9°, 7.4, 70.8	`hsl(70.9,7.4%,70.8%)`
HSV (or HSB)	70.9°, 5.9, 72.9
Web Safe	cccc99	`#cccc99`

CIE-LAB	75.079, -2.702, 5.322
XYZ	45.063, 48.403, 47.524
xyY	0.32, 0.343, 48.403
CIE-LCH	75.079, 5.969, 116.916
CIE-LUV	75.079, -0.548, 8.245
Hunter-Lab	69.572, -6.136, 8.201
Binary	10111000, 10111010, 10101111

#b8baaf
```
#b8baaf rgb(184,186,175)
```
#b1afba
```
#b1afba rgb(177,175,186)
```

Complementary Color

#bab7af
```
#bab7af rgb(186,183,175)
```
#b8baaf
```
#b8baaf rgb(184,186,175)
```
#b3baaf
```
#b3baaf rgb(179,186,175)
```

Analogous Color

#b7afba
```
#b7afba rgb(183,175,186)
```
#b8baaf
```
#b8baaf rgb(184,186,175)
```
#afb3ba
```
#afb3ba rgb(175,179,186)
```

Split Complementary Color

#baafb8
```
#baafb8 rgb(186,175,184)
```
#b8baaf
```
#b8baaf rgb(184,186,175)
```
#afb8ba
```
#afb8ba rgb(175,184,186)
```

Triadic Color

#bab1af
```
#bab1af rgb(186,177,175)
```
#b8baaf
```
#b8baaf rgb(184,186,175)
```
#afb8ba
```
#afb8ba rgb(175,184,186)
```
#b1afba
```
#b1afba rgb(177,175,186)
```

Tetradic Color

#949786
```
#949786 rgb(148,151,134)
```
#a0a294
```
#a0a294 rgb(160,162,148)
```
#acaea1
```
#acaea1 rgb(172,174,161)
```
#b8baaf
```
#b8baaf rgb(184,186,175)
```
#c4c6bd
```
#c4c6bd rgb(196,198,189)
```
#d0d2ca
```
#d0d2ca rgb(208,210,202)
```
#dcddd8
```
#dcddd8 rgb(220,221,216)
```

Monochromatic Color

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

#bab9af
```
#bab9af rgb(186,185,175)
```
#babaaf
```
#babaaf rgb(186,186,175)
```
#b9baaf
```
#b9baaf rgb(185,186,175)
```
#b8baaf
```
#b8baaf rgb(184,186,175)
```
#b7baaf
```
#b7baaf rgb(183,186,175)
```
#b6baaf
```
#b6baaf rgb(182,186,175)
```
#b5baaf
```
#b5baaf rgb(181,186,175)
```

Similar Colors

Text with hexadecimal color #b8baaf

This text has a font color of #b8baaf.

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

#b8baaf background color

This paragraph has a background color of #b8baaf.

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

#b8baaf border color

This element has a border color of #b8baaf.

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

CSS codes

.text {color:#b8baaf;}

.background {background-color:#b8baaf;}

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

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

#040404
```
#040404 rgb(4,4,4)
```
#0e0f0d
```
#0e0f0d rgb(14,15,13)
```
#191916
```
#191916 rgb(25,25,22)
```
#23241f
```
#23241f rgb(35,36,31)
```
#2d2e28
```
#2d2e28 rgb(45,46,40)
```
#373931
```
#373931 rgb(55,57,49)
```
#42433a
```
#42433a rgb(66,67,58)
```
#4c4e43
```
#4c4e43 rgb(76,78,67)
```
#56594c
```
#56594c rgb(86,89,76)
```
#616355
```
#616355 rgb(97,99,85)
```
#6b6e5f
```
#6b6e5f rgb(107,110,95)
```
#757868
```
#757868 rgb(117,120,104)
```
#7f8371
```
#7f8371 rgb(127,131,113)
```

Shade Color Variation

#898d7a
```
#898d7a rgb(137,141,122)
```
#939685
```
#939685 rgb(147,150,133)
```
#9c9f8f
```
#9c9f8f rgb(156,159,143)
```
#a5a89a
```
#a5a89a rgb(165,168,154)
```
#afb1a4
```
#afb1a4 rgb(175,177,164)
```
#b8baaf
```
#b8baaf rgb(184,186,175)
```
#c1c3ba
```
#c1c3ba rgb(193,195,186)
```
#cbccc4
```
#cbccc4 rgb(203,204,196)
```
#d4d5cf
```
#d4d5cf rgb(212,213,207)
```
#ddded9
```
#ddded9 rgb(221,222,217)
```
#e7e7e4
```
#e7e7e4 rgb(231,231,228)
```
#f0f1ee
```
#f0f1ee rgb(240,241,238)
```
#f9faf9
```
#f9faf9 rgb(249,250,249)
```

Tint Color Variation

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

#b8baaf
```
#b8baaf rgb(184,186,175)
```
#bcc0a9
```
#bcc0a9 rgb(188,192,169)
```
#bfc5a4
```
#bfc5a4 rgb(191,197,164)
```
#c3cb9e
```
#c3cb9e rgb(195,203,158)
```
#c7d198
```
#c7d198 rgb(199,209,152)
```
#cad792
```
#cad792 rgb(202,215,146)
```
#cedc8d
```
#cedc8d rgb(206,220,141)
```
#d2e287
```
#d2e287 rgb(210,226,135)
```
#d5e881
```
#d5e881 rgb(213,232,129)
```
#d9ee7b
```
#d9ee7b rgb(217,238,123)
```
#dcf376
```
#dcf376 rgb(220,243,118)
```
#e0f970
```
#e0f970 rgb(224,249,112)
```
#e4ff6a
```
#e4ff6a rgb(228,255,106)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#b8b8b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2bbb2 Protanopia 1% of men
#d0b6b5 Deuteranopia 1% of men
#bfbac7 Tritanopia 0.001% of the population

Trichromacy

#bebbb1 Protanomaly 1% of men, 0.01% of women
#c7b7b3 Deuteranomaly 6% of men, 0.4% of women
#bcbabe Tritanomaly 0.01% of the population

#b8baaf hex color

#b8baaf Color Information

#b8baaf Color Conversion

Color Schemes with #b8baaf

Alternatives to #b8baaf

#b8baaf Preview

Shades and Tints of #b8baaf

Tones of #b8baaf

Color Blindness Simulator