#b4bdaf hex color

In a RGB color space, hex #b4bdaf is composed of 70.6% red, 74.1% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 4.8% cyan, 0% magenta, 7.4% yellow and 25.9% black. It has a hue angle of 98.6 degrees, a saturation of 9.6% and a lightness of 71.4%. #b4bdaf color hex could be obtained by blending #ffffff with #697b5f. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 71
- G 74
- B 69
RGB color chart
- C 5
- M 0
- Y 7
- K 26
CMYK color chart

● #b4bdaf color description : Grayish green.

The hexadecimal color #b4bdaf has RGB values of R:180, G:189, B:175 and CMYK values of C:0.05, M:0, Y:0.07, K:0.26. Its decimal value is 11845039.

Hex triplet	b4bdaf	`#b4bdaf`
RGB Decimal	180, 189, 175	`rgb(180,189,175)`
RGB Percent	70.6, 74.1, 68.6	`rgb(70.6%,74.1%,68.6%)`
CMYK	5, 0, 7, 26
HSL	98.6°, 9.6, 71.4	`hsl(98.6,9.6%,71.4%)`
HSV (or HSB)	98.6°, 7.4, 74.1
Web Safe	cccc99	`#cccc99`

CIE-LAB	75.572, -5.712, 5.993
XYZ	44.756, 49.193, 47.692
xyY	0.316, 0.347, 49.193
CIE-LCH	75.572, 8.279, 133.624
CIE-LUV	75.572, -4.374, 9.748
Hunter-Lab	70.138, -8.838, 8.781
Binary	10110100, 10111101, 10101111

#b4bdaf
```
#b4bdaf rgb(180,189,175)
```
#b8afbd
```
#b8afbd rgb(184,175,189)
```

Complementary Color

#bbbdaf
```
#bbbdaf rgb(187,189,175)
```
#b4bdaf
```
#b4bdaf rgb(180,189,175)
```
#afbdb1
```
#afbdb1 rgb(175,189,177)
```

Analogous Color

#bdafbb
```
#bdafbb rgb(189,175,187)
```
#b4bdaf
```
#b4bdaf rgb(180,189,175)
```
#b1afbd
```
#b1afbd rgb(177,175,189)
```

Split Complementary Color

#bdafb4
```
#bdafb4 rgb(189,175,180)
```
#b4bdaf
```
#b4bdaf rgb(180,189,175)
```
#afb4bd
```
#afb4bd rgb(175,180,189)
```

Triadic Color

#bdb8af
```
#bdb8af rgb(189,184,175)
```
#b4bdaf
```
#b4bdaf rgb(180,189,175)
```
#afb4bd
```
#afb4bd rgb(175,180,189)
```
#b8afbd
```
#b8afbd rgb(184,175,189)
```

Tetradic Color

#8d9a85
```
#8d9a85 rgb(141,154,133)
```
#9aa693
```
#9aa693 rgb(154,166,147)
```
#a7b1a1
```
#a7b1a1 rgb(167,177,161)
```
#b4bdaf
```
#b4bdaf rgb(180,189,175)
```
#c1c9bd
```
#c1c9bd rgb(193,201,189)
```
#ced4cb
```
#ced4cb rgb(206,212,203)
```
#dbe0d9
```
#dbe0d9 rgb(219,224,217)
```

Monochromatic Color

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

#b8bdaf
```
#b8bdaf rgb(184,189,175)
```
#b6bdaf
```
#b6bdaf rgb(182,189,175)
```
#b5bdaf
```
#b5bdaf rgb(181,189,175)
```
#b4bdaf
```
#b4bdaf rgb(180,189,175)
```
#b3bdaf
```
#b3bdaf rgb(179,189,175)
```
#b2bdaf
```
#b2bdaf rgb(178,189,175)
```
#b1bdaf
```
#b1bdaf rgb(177,189,175)
```

Similar Colors

Text with hexadecimal color #b4bdaf

This text has a font color of #b4bdaf.

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

#b4bdaf background color

This paragraph has a background color of #b4bdaf.

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

#b4bdaf border color

This element has a border color of #b4bdaf.

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

CSS codes

.text {color:#b4bdaf;}

.background {background-color:#b4bdaf;}

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

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

#050605
```
#050605 rgb(5,6,5)
```
#0f110e
```
#0f110e rgb(15,17,14)
```
#181b17
```
#181b17 rgb(24,27,23)
```
#222620
```
#222620 rgb(34,38,32)
```
#2b3128
```
#2b3128 rgb(43,49,40)
```
#353c31
```
#353c31 rgb(53,60,49)
```
#3f463a
```
#3f463a rgb(63,70,58)
```
#485143
```
#485143 rgb(72,81,67)
```
#525c4c
```
#525c4c rgb(82,92,76)
```
#5b6755
```
#5b6755 rgb(91,103,85)
```
#65715e
```
#65715e rgb(101,113,94)
```
#6e7c66
```
#6e7c66 rgb(110,124,102)
```
#78876f
```
#78876f rgb(120,135,111)
```

Shade Color Variation

#829179
```
#829179 rgb(130,145,121)
```
#8c9a84
```
#8c9a84 rgb(140,154,132)
```
#96a28f
```
#96a28f rgb(150,162,143)
```
#a0ab9a
```
#a0ab9a rgb(160,171,154)
```
#aab4a4
```
#aab4a4 rgb(170,180,164)
```
#b4bdaf
```
#b4bdaf rgb(180,189,175)
```
#bec6ba
```
#bec6ba rgb(190,198,186)
```
#c8cfc4
```
#c8cfc4 rgb(200,207,196)
```
#d2d8cf
```
#d2d8cf rgb(210,216,207)
```
#dce0da
```
#dce0da rgb(220,224,218)
```
#e6e9e5
```
#e6e9e5 rgb(230,233,229)
```
#f0f2ef
```
#f0f2ef rgb(240,242,239)
```
#fbfbfa
```
#fbfbfa rgb(251,251,250)
```

Tint Color Variation

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

#b6b7b5
```
#b6b7b5 rgb(182,183,181)
```
#b4bdaf
```
#b4bdaf rgb(180,189,175)
```
#b2c3a9
```
#b2c3a9 rgb(178,195,169)
```
#b1c8a4
```
#b1c8a4 rgb(177,200,164)
```
#afce9e
```
#afce9e rgb(175,206,158)
```
#aed399
```
#aed399 rgb(174,211,153)
```
#acd993
```
#acd993 rgb(172,217,147)
```
#aadf8d
```
#aadf8d rgb(170,223,141)
```
#a9e488
```
#a9e488 rgb(169,228,136)
```
#a7ea82
```
#a7ea82 rgb(167,234,130)
```
#a6f07c
```
#a6f07c rgb(166,240,124)
```
#a4f577
```
#a4f577 rgb(164,245,119)
```
#a2fb71
```
#a2fb71 rgb(162,251,113)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#b8bab7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3bdb1 Protanopia 1% of men
#d2b7b5 Deuteranopia 1% of men
#bcbcca Tritanopia 0.001% of the population

Trichromacy

#bebdb0 Protanomaly 1% of men, 0.01% of women
#c7b9b3 Deuteranomaly 6% of men, 0.4% of women
#b9bcc0 Tritanomaly 0.01% of the population

#b4bdaf hex color

#b4bdaf Color Information

#b4bdaf Color Conversion

Color Schemes with #b4bdaf

Alternatives to #b4bdaf

#b4bdaf Preview

Shades and Tints of #b4bdaf

Tones of #b4bdaf

Color Blindness Simulator