#b4baa3 hex color

In a RGB color space, hex #b4baa3 is composed of 70.6% red, 72.9% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 3.2% cyan, 0% magenta, 12.4% yellow and 27.1% black. It has a hue angle of 75.7 degrees, a saturation of 14.3% and a lightness of 68.4%. #b4baa3 color hex could be obtained by blending #ffffff with #697547. Closest websafe color is: #cccc99.

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

● #b4baa3 color description : Grayish green.

The hexadecimal color #b4baa3 has RGB values of R:180, G:186, B:163 and CMYK values of C:0.03, M:0, Y:0.12, K:0.27. Its decimal value is 11844259.

Hex triplet	b4baa3	`#b4baa3`
RGB Decimal	180, 186, 163	`rgb(180,186,163)`
RGB Percent	70.6, 72.9, 63.9	`rgb(70.6%,72.9%,63.9%)`
CMYK	3, 0, 12, 27
HSL	75.7°, 14.3, 68.4	`hsl(75.7,14.3%,68.4%)`
HSV (or HSB)	75.7°, 12.4, 72.9
Web Safe	cccc99	`#cccc99`

CIE-LAB	74.486, -6.218, 10.95
XYZ	42.991, 47.465, 41.545
xyY	0.326, 0.36, 47.465
CIE-LCH	74.486, 12.593, 119.59
CIE-LUV	74.486, -2.265, 16.773
Hunter-Lab	68.895, -9.182, 12.473
Binary	10110100, 10111010, 10100011

#b4baa3
```
#b4baa3 rgb(180,186,163)
```
#a9a3ba
```
#a9a3ba rgb(169,163,186)
```

Complementary Color

#bab5a3
```
#bab5a3 rgb(186,181,163)
```
#b4baa3
```
#b4baa3 rgb(180,186,163)
```
#a9baa3
```
#a9baa3 rgb(169,186,163)
```

Analogous Color

#b5a3ba
```
#b5a3ba rgb(181,163,186)
```
#b4baa3
```
#b4baa3 rgb(180,186,163)
```
#a3a9ba
```
#a3a9ba rgb(163,169,186)
```

Split Complementary Color

#baa3b4
```
#baa3b4 rgb(186,163,180)
```
#b4baa3
```
#b4baa3 rgb(180,186,163)
```
#a3b4ba
```
#a3b4ba rgb(163,180,186)
```

Triadic Color

#baa9a3
```
#baa9a3 rgb(186,169,163)
```
#b4baa3
```
#b4baa3 rgb(180,186,163)
```
#a3b4ba
```
#a3b4ba rgb(163,180,186)
```
#a9a3ba
```
#a9a3ba rgb(169,163,186)
```

Tetradic Color

#909977
```
#909977 rgb(144,153,119)
```
#9ca486
```
#9ca486 rgb(156,164,134)
```
#a8af94
```
#a8af94 rgb(168,175,148)
```
#b4baa3
```
#b4baa3 rgb(180,186,163)
```
#c0c5b2
```
#c0c5b2 rgb(192,197,178)
```
#ccd0c0
```
#ccd0c0 rgb(204,208,192)
```
#d8dbcf
```
#d8dbcf rgb(216,219,207)
```

Monochromatic Color

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

#babaa3
```
#babaa3 rgb(186,186,163)
```
#b8baa3
```
#b8baa3 rgb(184,186,163)
```
#b6baa3
```
#b6baa3 rgb(182,186,163)
```
#b4baa3
```
#b4baa3 rgb(180,186,163)
```
#b2baa3
```
#b2baa3 rgb(178,186,163)
```
#b0baa3
```
#b0baa3 rgb(176,186,163)
```
#aebaa3
```
#aebaa3 rgb(174,186,163)
```

Similar Colors

Text with hexadecimal color #b4baa3

This text has a font color of #b4baa3.

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

#b4baa3 background color

This paragraph has a background color of #b4baa3.

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

#b4baa3 border color

This element has a border color of #b4baa3.

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

CSS codes

.text {color:#b4baa3;}

.background {background-color:#b4baa3;}

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

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

#080907
```
#080907 rgb(8,9,7)
```
#13140f
```
#13140f rgb(19,20,15)
```
#1d1f17
```
#1d1f17 rgb(29,31,23)
```
#282b20
```
#282b20 rgb(40,43,32)
```
#323628
```
#323628 rgb(50,54,40)
```
#3d4131
```
#3d4131 rgb(61,65,49)
```
#474c39
```
#474c39 rgb(71,76,57)
```
#525742
```
#525742 rgb(82,87,66)
```
#5c634a
```
#5c634a rgb(92,99,74)
```
#676e52
```
#676e52 rgb(103,110,82)
```
#71795b
```
#71795b rgb(113,121,91)
```
#7c8463
```
#7c8463 rgb(124,132,99)
```
#868f6c
```
#868f6c rgb(134,143,108)
```

Shade Color Variation

#8f9876
```
#8f9876 rgb(143,152,118)
```
#99a181
```
#99a181 rgb(153,161,129)
```
#a2a98d
```
#a2a98d rgb(162,169,141)
```
#abb298
```
#abb298 rgb(171,178,152)
```
#b4baa3
```
#b4baa3 rgb(180,186,163)
```
#bdc2ae
```
#bdc2ae rgb(189,194,174)
```
#c6cbb9
```
#c6cbb9 rgb(198,203,185)
```
#cfd3c5
```
#cfd3c5 rgb(207,211,197)
```
#d9dcd0
```
#d9dcd0 rgb(217,220,208)
```
#e2e4db
```
#e2e4db rgb(226,228,219)
```
#ebece6
```
#ebece6 rgb(235,236,230)
```
#f4f5f1
```
#f4f5f1 rgb(244,245,241)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#b1b4a9
```
#b1b4a9 rgb(177,180,169)
```
#b4baa3
```
#b4baa3 rgb(180,186,163)
```
#b7c09d
```
#b7c09d rgb(183,192,157)
```
#bac697
```
#bac697 rgb(186,198,151)
```
#bdcd90
```
#bdcd90 rgb(189,205,144)
```
#c0d38a
```
#c0d38a rgb(192,211,138)
```
#c3d984
```
#c3d984 rgb(195,217,132)
```
#c6df7e
```
#c6df7e rgb(198,223,126)
```
#c9e578
```
#c9e578 rgb(201,229,120)
```
#ccec71
```
#ccec71 rgb(204,236,113)
```
#cff26b
```
#cff26b rgb(207,242,107)
```
#d2f865
```
#d2f865 rgb(210,248,101)
```
#d5fe5f
```
#d5fe5f rgb(213,254,95)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#b6b7b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3baa6 Protanopia 1% of men
#d2b4aa Deuteranopia 1% of men
#bdb9c6 Tritanopia 0.001% of the population

Trichromacy

#bdbaa5 Protanomaly 1% of men, 0.01% of women
#c7b6a7 Deuteranomaly 6% of men, 0.4% of women
#b9b9b9 Tritanomaly 0.01% of the population

#b4baa3 hex color

#b4baa3 Color Information

#b4baa3 Color Conversion

Color Schemes with #b4baa3

Alternatives to #b4baa3

#b4baa3 Preview

Shades and Tints of #b4baa3

Tones of #b4baa3

Color Blindness Simulator