#b4b8a0 hex color

In a RGB color space, hex #b4b8a0 is composed of 70.6% red, 72.2% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 2.2% cyan, 0% magenta, 13% yellow and 27.8% black. It has a hue angle of 70 degrees, a saturation of 14.5% and a lightness of 67.5%. #b4b8a0 color hex could be obtained by blending #ffffff with #697141. Closest websafe color is: #cccc99.

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

● #b4b8a0 color description : Grayish yellow.

The hexadecimal color #b4b8a0 has RGB values of R:180, G:184, B:160 and CMYK values of C:0.02, M:0, Y:0.13, K:0.28. Its decimal value is 11843744.

Hex triplet	b4b8a0	`#b4b8a0`
RGB Decimal	180, 184, 160	`rgb(180,184,160)`
RGB Percent	70.6, 72.2, 62.7	`rgb(70.6%,72.2%,62.7%)`
CMYK	2, 0, 13, 28
HSL	70°, 14.5, 67.5	`hsl(70,14.5%,67.5%)`
HSV (or HSB)	70°, 13, 72.2
Web Safe	cccc99	`#cccc99`

CIE-LAB	73.883, -5.664, 11.723
XYZ	42.307, 46.522, 40.007
xyY	0.328, 0.361, 46.522
CIE-LCH	73.883, 13.02, 115.788
CIE-LUV	73.883, -1.057, 17.705
Hunter-Lab	68.207, -8.645, 12.969
Binary	10110100, 10111000, 10100000

#b4b8a0
```
#b4b8a0 rgb(180,184,160)
```
#a4a0b8
```
#a4a0b8 rgb(164,160,184)
```

Complementary Color

#b8b0a0
```
#b8b0a0 rgb(184,176,160)
```
#b4b8a0
```
#b4b8a0 rgb(180,184,160)
```
#a8b8a0
```
#a8b8a0 rgb(168,184,160)
```

Analogous Color

#b0a0b8
```
#b0a0b8 rgb(176,160,184)
```
#b4b8a0
```
#b4b8a0 rgb(180,184,160)
```
#a0a8b8
```
#a0a8b8 rgb(160,168,184)
```

Split Complementary Color

#b8a0b4
```
#b8a0b4 rgb(184,160,180)
```
#b4b8a0
```
#b4b8a0 rgb(180,184,160)
```
#a0b4b8
```
#a0b4b8 rgb(160,180,184)
```

Triadic Color

#b8a4a0
```
#b8a4a0 rgb(184,164,160)
```
#b4b8a0
```
#b4b8a0 rgb(180,184,160)
```
#a0b4b8
```
#a0b4b8 rgb(160,180,184)
```
#a4a0b8
```
#a4a0b8 rgb(164,160,184)
```

Tetradic Color

#919774
```
#919774 rgb(145,151,116)
```
#9da283
```
#9da283 rgb(157,162,131)
```
#a8ad91
```
#a8ad91 rgb(168,173,145)
```
#b4b8a0
```
#b4b8a0 rgb(180,184,160)
```
#c0c3af
```
#c0c3af rgb(192,195,175)
```
#cbcebd
```
#cbcebd rgb(203,206,189)
```
#d7d9cc
```
#d7d9cc rgb(215,217,204)
```

Monochromatic Color

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

#b8b6a0
```
#b8b6a0 rgb(184,182,160)
```
#b8b8a0
```
#b8b8a0 rgb(184,184,160)
```
#b6b8a0
```
#b6b8a0 rgb(182,184,160)
```
#b4b8a0
```
#b4b8a0 rgb(180,184,160)
```
#b2b8a0
```
#b2b8a0 rgb(178,184,160)
```
#b0b8a0
```
#b0b8a0 rgb(176,184,160)
```
#aeb8a0
```
#aeb8a0 rgb(174,184,160)
```

Similar Colors

Text with hexadecimal color #b4b8a0

This text has a font color of #b4b8a0.

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

#b4b8a0 background color

This paragraph has a background color of #b4b8a0.

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

#b4b8a0 border color

This element has a border color of #b4b8a0.

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

CSS codes

.text {color:#b4b8a0;}

.background {background-color:#b4b8a0;}

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

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

#060605
```
#060605 rgb(6,6,5)
```
#11110d
```
#11110d rgb(17,17,13)
```
#1b1c15
```
#1b1c15 rgb(27,28,21)
```
#26281e
```
#26281e rgb(38,40,30)
```
#313326
```
#313326 rgb(49,51,38)
```
#3c3e2e
```
#3c3e2e rgb(60,62,46)
```
#464937
```
#464937 rgb(70,73,55)
```
#51553f
```
#51553f rgb(81,85,63)
```
#5c6048
```
#5c6048 rgb(92,96,72)
```
#676b50
```
#676b50 rgb(103,107,80)
```
#717658
```
#717658 rgb(113,118,88)
```
#7c8261
```
#7c8261 rgb(124,130,97)
```
#878d69
```
#878d69 rgb(135,141,105)
```

Shade Color Variation

#919673
```
#919673 rgb(145,150,115)
```
#999f7e
```
#999f7e rgb(153,159,126)
```
#a2a78a
```
#a2a78a rgb(162,167,138)
```
#abb095
```
#abb095 rgb(171,176,149)
```
#b4b8a0
```
#b4b8a0 rgb(180,184,160)
```
#bdc0ab
```
#bdc0ab rgb(189,192,171)
```
#c6c9b6
```
#c6c9b6 rgb(198,201,182)
```
#cfd1c2
```
#cfd1c2 rgb(207,209,194)
```
#d7dacd
```
#d7dacd rgb(215,218,205)
```
#e0e2d8
```
#e0e2d8 rgb(224,226,216)
```
#e9eae3
```
#e9eae3 rgb(233,234,227)
```
#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, #b0b2a6 is the less saturated color, while #e3fe5a is the most saturated one.

#b0b2a6
```
#b0b2a6 rgb(176,178,166)
```
#b4b8a0
```
#b4b8a0 rgb(180,184,160)
```
#b8be9a
```
#b8be9a rgb(184,190,154)
```
#bdc593
```
#bdc593 rgb(189,197,147)
```
#c1cb8d
```
#c1cb8d rgb(193,203,141)
```
#c5d286
```
#c5d286 rgb(197,210,134)
```
#c9d880
```
#c9d880 rgb(201,216,128)
```
#cede7a
```
#cede7a rgb(206,222,122)
```
#d2e573
```
#d2e573 rgb(210,229,115)
```
#d6eb6d
```
#d6eb6d rgb(214,235,109)
```
#daf167
```
#daf167 rgb(218,241,103)
```
#dff860
```
#dff860 rgb(223,248,96)
```
#e3fe5a
```
#e3fe5a rgb(227,254,90)
```

Tone Color Variation

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

#c1b8a3 Protanopia 1% of men
#d1b3a7 Deuteranopia 1% of men
#bdb7c4 Tritanopia 0.001% of the population

Trichromacy

#bcb8a2 Protanomaly 1% of men, 0.01% of women
#c6b4a4 Deuteranomaly 6% of men, 0.4% of women
#b9b7b6 Tritanomaly 0.01% of the population

#b4b8a0 hex color

#b4b8a0 Color Information

#b4b8a0 Color Conversion

Color Schemes with #b4b8a0

Alternatives to #b4b8a0

#b4b8a0 Preview

Shades and Tints of #b4b8a0

Tones of #b4b8a0

Color Blindness Simulator