#b4b7a2 hex color

In a RGB color space, hex #b4b7a2 is composed of 70.6% red, 71.8% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 1.6% cyan, 0% magenta, 11.5% yellow and 28.2% black. It has a hue angle of 68.6 degrees, a saturation of 12.7% and a lightness of 67.6%. #b4b7a2 color hex could be obtained by blending #ffffff with #696f45. Closest websafe color is: #cccc99.

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

● #b4b7a2 color description : Grayish yellow.

The hexadecimal color #b4b7a2 has RGB values of R:180, G:183, B:162 and CMYK values of C:0.02, M:0, Y:0.11, K:0.28. Its decimal value is 11843490.

Hex triplet	b4b7a2	`#b4b7a2`
RGB Decimal	180, 183, 162	`rgb(180,183,162)`
RGB Percent	70.6, 71.8, 63.5	`rgb(70.6%,71.8%,63.5%)`
CMYK	2, 0, 11, 28
HSL	68.6°, 12.7, 67.6	`hsl(68.6,12.7%,67.6%)`
HSV (or HSB)	68.6°, 11.5, 71.8
Web Safe	cccc99	`#cccc99`

CIE-LAB	73.662, -4.801, 10.322
XYZ	42.276, 46.179, 40.867
xyY	0.327, 0.357, 46.179
CIE-LCH	73.662, 11.384, 114.943
CIE-LUV	73.662, -0.619, 15.615
Hunter-Lab	67.955, -7.873, 11.913
Binary	10110100, 10110111, 10100010

#b4b7a2
```
#b4b7a2 rgb(180,183,162)
```
#a5a2b7
```
#a5a2b7 rgb(165,162,183)
```

Complementary Color

#b7b0a2
```
#b7b0a2 rgb(183,176,162)
```
#b4b7a2
```
#b4b7a2 rgb(180,183,162)
```
#aab7a2
```
#aab7a2 rgb(170,183,162)
```

Analogous Color

#b0a2b7
```
#b0a2b7 rgb(176,162,183)
```
#b4b7a2
```
#b4b7a2 rgb(180,183,162)
```
#a2aab7
```
#a2aab7 rgb(162,170,183)
```

Split Complementary Color

#b7a2b4
```
#b7a2b4 rgb(183,162,180)
```
#b4b7a2
```
#b4b7a2 rgb(180,183,162)
```
#a2b4b7
```
#a2b4b7 rgb(162,180,183)
```

Triadic Color

#b7a5a2
```
#b7a5a2 rgb(183,165,162)
```
#b4b7a2
```
#b4b7a2 rgb(180,183,162)
```
#a2b4b7
```
#a2b4b7 rgb(162,180,183)
```
#a5a2b7
```
#a5a2b7 rgb(165,162,183)
```

Tetradic Color

#919677
```
#919677 rgb(145,150,119)
```
#9da185
```
#9da185 rgb(157,161,133)
```
#a8ac94
```
#a8ac94 rgb(168,172,148)
```
#b4b7a2
```
#b4b7a2 rgb(180,183,162)
```
#c0c2b0
```
#c0c2b0 rgb(192,194,176)
```
#cbcdbf
```
#cbcdbf rgb(203,205,191)
```
#d7d8cd
```
#d7d8cd rgb(215,216,205)
```

Monochromatic Color

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

#b7b5a2
```
#b7b5a2 rgb(183,181,162)
```
#b7b7a2
```
#b7b7a2 rgb(183,183,162)
```
#b6b7a2
```
#b6b7a2 rgb(182,183,162)
```
#b4b7a2
```
#b4b7a2 rgb(180,183,162)
```
#b2b7a2
```
#b2b7a2 rgb(178,183,162)
```
#b1b7a2
```
#b1b7a2 rgb(177,183,162)
```
#afb7a2
```
#afb7a2 rgb(175,183,162)
```

Similar Colors

Text with hexadecimal color #b4b7a2

This text has a font color of #b4b7a2.

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

#b4b7a2 background color

This paragraph has a background color of #b4b7a2.

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

#b4b7a2 border color

This element has a border color of #b4b7a2.

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

CSS codes

.text {color:#b4b7a2;}

.background {background-color:#b4b7a2;}

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

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

#060705
```
#060705 rgb(6,7,5)
```
#11120e
```
#11120e rgb(17,18,14)
```
#1c1d16
```
#1c1d16 rgb(28,29,22)
```
#26281f
```
#26281f rgb(38,40,31)
```
#313327
```
#313327 rgb(49,51,39)
```
#3c3e30
```
#3c3e30 rgb(60,62,48)
```
#464938
```
#464938 rgb(70,73,56)
```
#515441
```
#515441 rgb(81,84,65)
```
#5c5f4a
```
#5c5f4a rgb(92,95,74)
```
#676a52
```
#676a52 rgb(103,106,82)
```
#71755b
```
#71755b rgb(113,117,91)
```
#7c8063
```
#7c8063 rgb(124,128,99)
```
#878b6c
```
#878b6c rgb(135,139,108)
```

Shade Color Variation

#909576
```
#909576 rgb(144,149,118)
```
#999d81
```
#999d81 rgb(153,157,129)
```
#a2a68c
```
#a2a68c rgb(162,166,140)
```
#abae97
```
#abae97 rgb(171,174,151)
```
#b4b7a2
```
#b4b7a2 rgb(180,183,162)
```
#bdc0ad
```
#bdc0ad rgb(189,192,173)
```
#c6c8b8
```
#c6c8b8 rgb(198,200,184)
```
#cfd1c3
```
#cfd1c3 rgb(207,209,195)
```
#d8d9ce
```
#d8d9ce rgb(216,217,206)
```
#e1e2d9
```
#e1e2d9 rgb(225,226,217)
```
#e9eae4
```
#e9eae4 rgb(233,234,228)
```
#f2f3ef
```
#f2f3ef rgb(242,243,239)
```
#fbfbfa
```
#fbfbfa rgb(251,251,250)
```

Tint Color Variation

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

#afb1a8
```
#afb1a8 rgb(175,177,168)
```
#b4b7a2
```
#b4b7a2 rgb(180,183,162)
```
#b9bd9c
```
#b9bd9c rgb(185,189,156)
```
#bdc495
```
#bdc495 rgb(189,196,149)
```
#c2ca8f
```
#c2ca8f rgb(194,202,143)
```
#c6d089
```
#c6d089 rgb(198,208,137)
```
#cbd782
```
#cbd782 rgb(203,215,130)
```
#cfdd7c
```
#cfdd7c rgb(207,221,124)
```
#d4e376
```
#d4e376 rgb(212,227,118)
```
#d8ea6f
```
#d8ea6f rgb(216,234,111)
```
#ddf069
```
#ddf069 rgb(221,240,105)
```
#e1f663
```
#e1f663 rgb(225,246,99)
```
#e6fd5c
```
#e6fd5c rgb(230,253,92)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b4b5b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0b8a5 Protanopia 1% of men
#cfb2a9 Deuteranopia 1% of men
#bcb6c3 Tritanopia 0.001% of the population

Trichromacy

#bbb7a4 Protanomaly 1% of men, 0.01% of women
#c5b4a6 Deuteranomaly 6% of men, 0.4% of women
#b9b6b7 Tritanomaly 0.01% of the population

#b4b7a2 hex color

#b4b7a2 Color Information

#b4b7a2 Color Conversion

Color Schemes with #b4b7a2

Alternatives to #b4b7a2

#b4b7a2 Preview

Shades and Tints of #b4b7a2

Tones of #b4b7a2

Color Blindness Simulator