#b4bbb0 hex color

In a RGB color space, hex #b4bbb0 is composed of 70.6% red, 73.3% green and 69% blue. Whereas in a CMYK color space, it is composed of 3.7% cyan, 0% magenta, 5.9% yellow and 26.7% black. It has a hue angle of 98.2 degrees, a saturation of 7.5% and a lightness of 71.2%. #b4bbb0 color hex could be obtained by blending #ffffff with #697761. Closest websafe color is: #cccc99.

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

● #b4bbb0 color description : Grayish green.

The hexadecimal color #b4bbb0 has RGB values of R:180, G:187, B:176 and CMYK values of C:0.04, M:0, Y:0.06, K:0.27. Its decimal value is 11844528.

Hex triplet	b4bbb0	`#b4bbb0`
RGB Decimal	180, 187, 176	`rgb(180,187,176)`
RGB Percent	70.6, 73.3, 69	`rgb(70.6%,73.3%,69%)`
CMYK	4, 0, 6, 27
HSL	98.2°, 7.5, 71.2	`hsl(98.2,7.5%,71.2%)`
HSV (or HSB)	98.2°, 5.9, 73.3
Web Safe	cccc99	`#cccc99`

CIE-LAB	75.063, -4.474, 4.717
XYZ	44.428, 48.378, 48.069
xyY	0.315, 0.343, 48.378
CIE-LCH	75.063, 6.501, 133.486
CIE-LUV	75.063, -3.39, 7.685
Hunter-Lab	69.555, -7.704, 7.713
Binary	10110100, 10111011, 10110000

#b4bbb0
```
#b4bbb0 rgb(180,187,176)
```
#b7b0bb
```
#b7b0bb rgb(183,176,187)
```

Complementary Color

#babbb0
```
#babbb0 rgb(186,187,176)
```
#b4bbb0
```
#b4bbb0 rgb(180,187,176)
```
#b0bbb2
```
#b0bbb2 rgb(176,187,178)
```

Analogous Color

#bbb0ba
```
#bbb0ba rgb(187,176,186)
```
#b4bbb0
```
#b4bbb0 rgb(180,187,176)
```
#b2b0bb
```
#b2b0bb rgb(178,176,187)
```

Split Complementary Color

#bbb0b4
```
#bbb0b4 rgb(187,176,180)
```
#b4bbb0
```
#b4bbb0 rgb(180,187,176)
```
#b0b4bb
```
#b0b4bb rgb(176,180,187)
```

Triadic Color

#bbb7b0
```
#bbb7b0 rgb(187,183,176)
```
#b4bbb0
```
#b4bbb0 rgb(180,187,176)
```
#b0b4bb
```
#b0b4bb rgb(176,180,187)
```
#b7b0bb
```
#b7b0bb rgb(183,176,187)
```

Tetradic Color

#8d9887
```
#8d9887 rgb(141,152,135)
```
#9aa395
```
#9aa395 rgb(154,163,149)
```
#a7afa2
```
#a7afa2 rgb(167,175,162)
```
#b4bbb0
```
#b4bbb0 rgb(180,187,176)
```
#c1c7be
```
#c1c7be rgb(193,199,190)
```
#ced3cb
```
#ced3cb rgb(206,211,203)
```
#dbded9
```
#dbded9 rgb(219,222,217)
```

Monochromatic Color

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

#b7bbb0
```
#b7bbb0 rgb(183,187,176)
```
#b6bbb0
```
#b6bbb0 rgb(182,187,176)
```
#b5bbb0
```
#b5bbb0 rgb(181,187,176)
```
#b4bbb0
```
#b4bbb0 rgb(180,187,176)
```
#b3bbb0
```
#b3bbb0 rgb(179,187,176)
```
#b2bbb0
```
#b2bbb0 rgb(178,187,176)
```
#b1bbb0
```
#b1bbb0 rgb(177,187,176)
```

Similar Colors

Text with hexadecimal color #b4bbb0

This text has a font color of #b4bbb0.

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

#b4bbb0 background color

This paragraph has a background color of #b4bbb0.

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

#b4bbb0 border color

This element has a border color of #b4bbb0.

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

CSS codes

.text {color:#b4bbb0;}

.background {background-color:#b4bbb0;}

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

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

#050505
```
#050505 rgb(5,5,5)
```
#0e100e
```
#0e100e rgb(14,16,14)
```
#181a17
```
#181a17 rgb(24,26,23)
```
#222520
```
#222520 rgb(34,37,32)
```
#2b2f29
```
#2b2f29 rgb(43,47,41)
```
#353a32
```
#353a32 rgb(53,58,50)
```
#3f453b
```
#3f453b rgb(63,69,59)
```
#484f44
```
#484f44 rgb(72,79,68)
```
#525a4d
```
#525a4d rgb(82,90,77)
```
#5b6456
```
#5b6456 rgb(91,100,86)
```
#656f5f
```
#656f5f rgb(101,111,95)
```
#6f7968
```
#6f7968 rgb(111,121,104)
```
#788471
```
#788471 rgb(120,132,113)
```

Shade Color Variation

#828e7b
```
#828e7b rgb(130,142,123)
```
#8c9786
```
#8c9786 rgb(140,151,134)
```
#96a090
```
#96a090 rgb(150,160,144)
```
#a0a99b
```
#a0a99b rgb(160,169,155)
```
#aab2a5
```
#aab2a5 rgb(170,178,165)
```
#b4bbb0
```
#b4bbb0 rgb(180,187,176)
```
#bec4bb
```
#bec4bb rgb(190,196,187)
```
#c8cdc5
```
#c8cdc5 rgb(200,205,197)
```
#d2d6d0
```
#d2d6d0 rgb(210,214,208)
```
#dcdfda
```
#dcdfda rgb(220,223,218)
```
#e6e8e5
```
#e6e8e5 rgb(230,232,229)
```
#f0f1ef
```
#f0f1ef rgb(240,241,239)
```
#fafbfa
```
#fafbfa rgb(250,251,250)
```

Tint Color Variation

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

#b4bbb0
```
#b4bbb0 rgb(180,187,176)
```
#b2c1aa
```
#b2c1aa rgb(178,193,170)
```
#b1c6a5
```
#b1c6a5 rgb(177,198,165)
```
#afcc9f
```
#afcc9f rgb(175,204,159)
```
#aed299
```
#aed299 rgb(174,210,153)
```
#acd794
```
#acd794 rgb(172,215,148)
```
#abdd8e
```
#abdd8e rgb(171,221,142)
```
#a9e388
```
#a9e388 rgb(169,227,136)
```
#a8e883
```
#a8e883 rgb(168,232,131)
```
#a6ee7d
```
#a6ee7d rgb(166,238,125)
```
#a5f477
```
#a5f477 rgb(165,244,119)
```
#a3f972
```
#a3f972 rgb(163,249,114)
```
#a1ff6c
```
#a1ff6c rgb(161,255,108)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#b7b9b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1bbb2 Protanopia 1% of men
#d0b6b6 Deuteranopia 1% of men
#bbbbc8 Tritanopia 0.001% of the population

Trichromacy

#bcbbb1 Protanomaly 1% of men, 0.01% of women
#c5b8b4 Deuteranomaly 6% of men, 0.4% of women
#b8bbbf Tritanomaly 0.01% of the population

#b4bbb0 hex color

#b4bbb0 Color Information

#b4bbb0 Color Conversion

Color Schemes with #b4bbb0

Alternatives to #b4bbb0

#b4bbb0 Preview

Shades and Tints of #b4bbb0

Tones of #b4bbb0

Color Blindness Simulator