#b4baa1 hex color

In a RGB color space, hex #b4baa1 is composed of 70.6% red, 72.9% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 3.2% cyan, 0% magenta, 13.4% yellow and 27.1% black. It has a hue angle of 74.4 degrees, a saturation of 15.3% and a lightness of 68%. #b4baa1 color hex could be obtained by blending #ffffff with #697543. Closest websafe color is: #cccc99.

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

● #b4baa1 color description : Grayish yellow.

The hexadecimal color #b4baa1 has RGB values of R:180, G:186, B:161 and CMYK values of C:0.03, M:0, Y:0.13, K:0.27. Its decimal value is 11844257.

Hex triplet	b4baa1	`#b4baa1`
RGB Decimal	180, 186, 161	`rgb(180,186,161)`
RGB Percent	70.6, 72.9, 63.1	`rgb(70.6%,72.9%,63.1%)`
CMYK	3, 0, 13, 27
HSL	74.4°, 15.3, 68	`hsl(74.4,15.3%,68%)`
HSV (or HSB)	74.4°, 13.4, 72.9
Web Safe	cccc99	`#cccc99`

CIE-LAB	74.441, -6.553, 11.971
XYZ	42.813, 47.394, 40.609
xyY	0.327, 0.362, 47.394
CIE-LCH	74.441, 13.647, 118.698
CIE-LUV	74.441, -2.174, 18.232
Hunter-Lab	68.844, -9.469, 13.217
Binary	10110100, 10111010, 10100001

#b4baa1
```
#b4baa1 rgb(180,186,161)
```
#a7a1ba
```
#a7a1ba rgb(167,161,186)
```

Complementary Color

#bab4a1
```
#bab4a1 rgb(186,180,161)
```
#b4baa1
```
#b4baa1 rgb(180,186,161)
```
#a8baa1
```
#a8baa1 rgb(168,186,161)
```

Analogous Color

#b4a1ba
```
#b4a1ba rgb(180,161,186)
```
#b4baa1
```
#b4baa1 rgb(180,186,161)
```
#a1a8ba
```
#a1a8ba rgb(161,168,186)
```

Split Complementary Color

#baa1b4
```
#baa1b4 rgb(186,161,180)
```
#b4baa1
```
#b4baa1 rgb(180,186,161)
```
#a1b4ba
```
#a1b4ba rgb(161,180,186)
```

Triadic Color

#baa7a1
```
#baa7a1 rgb(186,167,161)
```
#b4baa1
```
#b4baa1 rgb(180,186,161)
```
#a1b4ba
```
#a1b4ba rgb(161,180,186)
```
#a7a1ba
```
#a7a1ba rgb(167,161,186)
```

Tetradic Color

#919a75
```
#919a75 rgb(145,154,117)
```
#9da484
```
#9da484 rgb(157,164,132)
```
#a8af92
```
#a8af92 rgb(168,175,146)
```
#b4baa1
```
#b4baa1 rgb(180,186,161)
```
#c0c5b0
```
#c0c5b0 rgb(192,197,176)
```
#cbd0be
```
#cbd0be rgb(203,208,190)
```
#d7dacd
```
#d7dacd rgb(215,218,205)
```

Monochromatic Color

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

#babaa1
```
#babaa1 rgb(186,186,161)
```
#b8baa1
```
#b8baa1 rgb(184,186,161)
```
#b6baa1
```
#b6baa1 rgb(182,186,161)
```
#b4baa1
```
#b4baa1 rgb(180,186,161)
```
#b2baa1
```
#b2baa1 rgb(178,186,161)
```
#b0baa1
```
#b0baa1 rgb(176,186,161)
```
#aebaa1
```
#aebaa1 rgb(174,186,161)
```

Similar Colors

Text with hexadecimal color #b4baa1

This text has a font color of #b4baa1.

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

#b4baa1 background color

This paragraph has a background color of #b4baa1.

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

#b4baa1 border color

This element has a border color of #b4baa1.

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

CSS codes

.text {color:#b4baa1;}

.background {background-color:#b4baa1;}

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

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

#070806
```
#070806 rgb(7,8,6)
```
#12130e
```
#12130e rgb(18,19,14)
```
#1c1e16
```
#1c1e16 rgb(28,30,22)
```
#272a1f
```
#272a1f rgb(39,42,31)
```
#323527
```
#323527 rgb(50,53,39)
```
#3c402f
```
#3c402f rgb(60,64,47)
```
#474c38
```
#474c38 rgb(71,76,56)
```
#515740
```
#515740 rgb(81,87,64)
```
#5c6248
```
#5c6248 rgb(92,98,72)
```
#676e50
```
#676e50 rgb(103,110,80)
```
#717959
```
#717959 rgb(113,121,89)
```
#7c8461
```
#7c8461 rgb(124,132,97)
```
#869069
```
#869069 rgb(134,144,105)
```

Shade Color Variation

#909974
```
#909974 rgb(144,153,116)
```
#99a17f
```
#99a17f rgb(153,161,127)
```
#a2a98a
```
#a2a98a rgb(162,169,138)
```
#abb296
```
#abb296 rgb(171,178,150)
```
#b4baa1
```
#b4baa1 rgb(180,186,161)
```
#bdc2ac
```
#bdc2ac rgb(189,194,172)
```
#c6cbb8
```
#c6cbb8 rgb(198,203,184)
```
#cfd3c3
```
#cfd3c3 rgb(207,211,195)
```
#d8dbce
```
#d8dbce rgb(216,219,206)
```
#e1e4da
```
#e1e4da rgb(225,228,218)
```
#eaece5
```
#eaece5 rgb(234,236,229)
```
#f3f4f0
```
#f3f4f0 rgb(243,244,240)
```
#fcfcfb
```
#fcfcfb rgb(252,252,251)
```

Tint Color Variation

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

#b1b4a7
```
#b1b4a7 rgb(177,180,167)
```
#b4baa1
```
#b4baa1 rgb(180,186,161)
```
#b7c09b
```
#b7c09b rgb(183,192,155)
```
#bbc794
```
#bbc794 rgb(187,199,148)
```
#becd8e
```
#becd8e rgb(190,205,142)
```
#c1d388
```
#c1d388 rgb(193,211,136)
```
#c4d982
```
#c4d982 rgb(196,217,130)
```
#c8e07b
```
#c8e07b rgb(200,224,123)
```
#cbe675
```
#cbe675 rgb(203,230,117)
```
#ceec6f
```
#ceec6f rgb(206,236,111)
```
#d1f269
```
#d1f269 rgb(209,242,105)
```
#d5f962
```
#d5f962 rgb(213,249,98)
```
#d8ff5c
```
#d8ff5c rgb(216,255,92)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b5b6b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3baa4 Protanopia 1% of men
#d2b4a8 Deuteranopia 1% of men
#bdb8c6 Tritanopia 0.001% of the population

Trichromacy

#bdbaa3 Protanomaly 1% of men, 0.01% of women
#c7b6a5 Deuteranomaly 6% of men, 0.4% of women
#b9b9b8 Tritanomaly 0.01% of the population

#b4baa1 hex color

#b4baa1 Color Information

#b4baa1 Color Conversion

Color Schemes with #b4baa1

Alternatives to #b4baa1

#b4baa1 Preview

Shades and Tints of #b4baa1

Tones of #b4baa1

Color Blindness Simulator