#b4baaf hex color

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

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

● #b4baaf color description : Grayish green.

The hexadecimal color #b4baaf has RGB values of R:180, G:186, B:175 and CMYK values of C:0.03, M:0, Y:0.06, K:0.27. Its decimal value is 11844271.

Hex triplet	b4baaf	`#b4baaf`
RGB Decimal	180, 186, 175	`rgb(180,186,175)`
RGB Percent	70.6, 72.9, 68.6	`rgb(70.6%,72.9%,68.6%)`
CMYK	3, 0, 6, 27
HSL	92.7°, 7.4, 70.8	`hsl(92.7,7.4%,70.8%)`
HSV (or HSB)	92.7°, 5.9, 72.9
Web Safe	cccc99	`#cccc99`

CIE-LAB	74.772, -4.125, 4.841
XYZ	44.118, 47.916, 47.48
xyY	0.316, 0.343, 47.916
CIE-LCH	74.772, 6.36, 130.433
CIE-LUV	74.772, -2.827, 7.796
Hunter-Lab	69.221, -7.372, 7.788
Binary	10110100, 10111010, 10101111

#b4baaf
```
#b4baaf rgb(180,186,175)
```
#b5afba
```
#b5afba rgb(181,175,186)
```

Complementary Color

#babaaf
```
#babaaf rgb(186,186,175)
```
#b4baaf
```
#b4baaf rgb(180,186,175)
```
#afbab0
```
#afbab0 rgb(175,186,176)
```

Analogous Color

#baafba
```
#baafba rgb(186,175,186)
```
#b4baaf
```
#b4baaf rgb(180,186,175)
```
#b0afba
```
#b0afba rgb(176,175,186)
```

Split Complementary Color

#baafb4
```
#baafb4 rgb(186,175,180)
```
#b4baaf
```
#b4baaf rgb(180,186,175)
```
#afb4ba
```
#afb4ba rgb(175,180,186)
```

Triadic Color

#bab5af
```
#bab5af rgb(186,181,175)
```
#b4baaf
```
#b4baaf rgb(180,186,175)
```
#afb4ba
```
#afb4ba rgb(175,180,186)
```
#b5afba
```
#b5afba rgb(181,175,186)
```

Tetradic Color

#8d9786
```
#8d9786 rgb(141,151,134)
```
#9aa294
```
#9aa294 rgb(154,162,148)
```
#a7aea1
```
#a7aea1 rgb(167,174,161)
```
#b4baaf
```
#b4baaf rgb(180,186,175)
```
#c1c6bd
```
#c1c6bd rgb(193,198,189)
```
#ced2ca
```
#ced2ca rgb(206,210,202)
```
#dbddd8
```
#dbddd8 rgb(219,221,216)
```

Monochromatic Color

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

#b7baaf
```
#b7baaf rgb(183,186,175)
```
#b6baaf
```
#b6baaf rgb(182,186,175)
```
#b5baaf
```
#b5baaf rgb(181,186,175)
```
#b4baaf
```
#b4baaf rgb(180,186,175)
```
#b3baaf
```
#b3baaf rgb(179,186,175)
```
#b2baaf
```
#b2baaf rgb(178,186,175)
```
#b1baaf
```
#b1baaf rgb(177,186,175)
```

Similar Colors

Text with hexadecimal color #b4baaf

This text has a font color of #b4baaf.

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

#b4baaf background color

This paragraph has a background color of #b4baaf.

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

#b4baaf border color

This element has a border color of #b4baaf.

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

CSS codes

.text {color:#b4baaf;}

.background {background-color:#b4baaf;}

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

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)
```
#171916
```
#171916 rgb(23,25,22)
```
#21241f
```
#21241f rgb(33,36,31)
```
#2b2e28
```
#2b2e28 rgb(43,46,40)
```
#353931
```
#353931 rgb(53,57,49)
```
#3e433a
```
#3e433a rgb(62,67,58)
```
#484e43
```
#484e43 rgb(72,78,67)
```
#52594c
```
#52594c rgb(82,89,76)
```
#5c6355
```
#5c6355 rgb(92,99,85)
```
#656e5f
```
#656e5f rgb(101,110,95)
```
#6f7868
```
#6f7868 rgb(111,120,104)
```
#798371
```
#798371 rgb(121,131,113)
```

Shade Color Variation

#838d7a
```
#838d7a rgb(131,141,122)
```
#8d9685
```
#8d9685 rgb(141,150,133)
```
#969f8f
```
#969f8f rgb(150,159,143)
```
#a0a89a
```
#a0a89a rgb(160,168,154)
```
#aab1a4
```
#aab1a4 rgb(170,177,164)
```
#b4baaf
```
#b4baaf rgb(180,186,175)
```
#bec3ba
```
#bec3ba rgb(190,195,186)
```
#c8ccc4
```
#c8ccc4 rgb(200,204,196)
```
#d2d5cf
```
#d2d5cf rgb(210,213,207)
```
#dbded9
```
#dbded9 rgb(219,222,217)
```
#e5e7e4
```
#e5e7e4 rgb(229,231,228)
```
#eff1ee
```
#eff1ee rgb(239,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, #b4baaf is the less saturated color, while #aeff6a is the most saturated one.

#b4baaf
```
#b4baaf rgb(180,186,175)
```
#b3c0a9
```
#b3c0a9 rgb(179,192,169)
```
#b3c5a4
```
#b3c5a4 rgb(179,197,164)
```
#b2cb9e
```
#b2cb9e rgb(178,203,158)
```
#b2d198
```
#b2d198 rgb(178,209,152)
```
#b1d792
```
#b1d792 rgb(177,215,146)
```
#b1dc8d
```
#b1dc8d rgb(177,220,141)
```
#b0e287
```
#b0e287 rgb(176,226,135)
```
#b0e881
```
#b0e881 rgb(176,232,129)
```
#afee7b
```
#afee7b rgb(175,238,123)
```
#aff376
```
#aff376 rgb(175,243,118)
```
#aef970
```
#aef970 rgb(174,249,112)
```
#aeff6a
```
#aeff6a rgb(174,255,106)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#b6b8b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1bab1 Protanopia 1% of men
#cfb5b5 Deuteranopia 1% of men
#bbbac7 Tritanopia 0.001% of the population

Trichromacy

#bcbab0 Protanomaly 1% of men, 0.01% of women
#c5b7b3 Deuteranomaly 6% of men, 0.4% of women
#b8babe Tritanomaly 0.01% of the population

#b4baaf hex color

#b4baaf Color Information

#b4baaf Color Conversion

Color Schemes with #b4baaf

Alternatives to #b4baaf

#b4baaf Preview

Shades and Tints of #b4baaf

Tones of #b4baaf

Color Blindness Simulator