#b4bcaf hex color

In a RGB color space, hex #b4bcaf is composed of 70.6% red, 73.7% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 4.3% cyan, 0% magenta, 6.9% yellow and 26.3% black. It has a hue angle of 96.9 degrees, a saturation of 8.8% and a lightness of 71.2%. #b4bcaf color hex could be obtained by blending #ffffff with #69795f. Closest websafe color is: #cccc99.

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

● #b4bcaf color description : Grayish green.

The hexadecimal color #b4bcaf has RGB values of R:180, G:188, B:175 and CMYK values of C:0.04, M:0, Y:0.07, K:0.26. Its decimal value is 11844783.

Hex triplet	b4bcaf	`#b4bcaf`
RGB Decimal	180, 188, 175	`rgb(180,188,175)`
RGB Percent	70.6, 73.7, 68.6	`rgb(70.6%,73.7%,68.6%)`
CMYK	4, 0, 7, 26
HSL	96.9°, 8.8, 71.2	`hsl(96.9,8.8%,71.2%)`
HSV (or HSB)	96.9°, 6.9, 73.7
Web Safe	cccc99	`#cccc99`

CIE-LAB	75.305, -5.184, 5.609
XYZ	44.542, 48.765, 47.621
xyY	0.316, 0.346, 48.765
CIE-LCH	75.305, 7.637, 132.744
CIE-LUV	75.305, -3.859, 9.098
Hunter-Lab	69.832, -8.35, 8.45
Binary	10110100, 10111100, 10101111

#b4bcaf
```
#b4bcaf rgb(180,188,175)
```
#b7afbc
```
#b7afbc rgb(183,175,188)
```

Complementary Color

#bbbcaf
```
#bbbcaf rgb(187,188,175)
```
#b4bcaf
```
#b4bcaf rgb(180,188,175)
```
#afbcb1
```
#afbcb1 rgb(175,188,177)
```

Analogous Color

#bcafbb
```
#bcafbb rgb(188,175,187)
```
#b4bcaf
```
#b4bcaf rgb(180,188,175)
```
#b1afbc
```
#b1afbc rgb(177,175,188)
```

Split Complementary Color

#bcafb4
```
#bcafb4 rgb(188,175,180)
```
#b4bcaf
```
#b4bcaf rgb(180,188,175)
```
#afb4bc
```
#afb4bc rgb(175,180,188)
```

Triadic Color

#bcb7af
```
#bcb7af rgb(188,183,175)
```
#b4bcaf
```
#b4bcaf rgb(180,188,175)
```
#afb4bc
```
#afb4bc rgb(175,180,188)
```
#b7afbc
```
#b7afbc rgb(183,175,188)
```

Tetradic Color

#8d9985
```
#8d9985 rgb(141,153,133)
```
#9aa593
```
#9aa593 rgb(154,165,147)
```
#a7b0a1
```
#a7b0a1 rgb(167,176,161)
```
#b4bcaf
```
#b4bcaf rgb(180,188,175)
```
#c1c8bd
```
#c1c8bd rgb(193,200,189)
```
#ced3cb
```
#ced3cb rgb(206,211,203)
```
#dbdfd9
```
#dbdfd9 rgb(219,223,217)
```

Monochromatic Color

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

#b7bcaf
```
#b7bcaf rgb(183,188,175)
```
#b6bcaf
```
#b6bcaf rgb(182,188,175)
```
#b5bcaf
```
#b5bcaf rgb(181,188,175)
```
#b4bcaf
```
#b4bcaf rgb(180,188,175)
```
#b3bcaf
```
#b3bcaf rgb(179,188,175)
```
#b2bcaf
```
#b2bcaf rgb(178,188,175)
```
#b1bcaf
```
#b1bcaf rgb(177,188,175)
```

Similar Colors

Text with hexadecimal color #b4bcaf

This text has a font color of #b4bcaf.

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

#b4bcaf background color

This paragraph has a background color of #b4bcaf.

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

#b4bcaf border color

This element has a border color of #b4bcaf.

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

CSS codes

.text {color:#b4bcaf;}

.background {background-color:#b4bcaf;}

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

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)
```
#0e100d
```
#0e100d rgb(14,16,13)
```
#181b16
```
#181b16 rgb(24,27,22)
```
#22251f
```
#22251f rgb(34,37,31)
```
#2b3028
```
#2b3028 rgb(43,48,40)
```
#353b31
```
#353b31 rgb(53,59,49)
```
#3f453a
```
#3f453a rgb(63,69,58)
```
#485043
```
#485043 rgb(72,80,67)
```
#525b4c
```
#525b4c rgb(82,91,76)
```
#5b6555
```
#5b6555 rgb(91,101,85)
```
#65705e
```
#65705e rgb(101,112,94)
```
#6f7b67
```
#6f7b67 rgb(111,123,103)
```
#788670
```
#788670 rgb(120,134,112)
```

Shade Color Variation

#828f7a
```
#828f7a rgb(130,143,122)
```
#8c9884
```
#8c9884 rgb(140,152,132)
```
#96a18f
```
#96a18f rgb(150,161,143)
```
#a0aa9a
```
#a0aa9a rgb(160,170,154)
```
#aab3a4
```
#aab3a4 rgb(170,179,164)
```
#b4bcaf
```
#b4bcaf rgb(180,188,175)
```
#bec5ba
```
#bec5ba rgb(190,197,186)
```
#c8cec4
```
#c8cec4 rgb(200,206,196)
```
#d2d7cf
```
#d2d7cf rgb(210,215,207)
```
#dce0da
```
#dce0da rgb(220,224,218)
```
#e6e9e4
```
#e6e9e4 rgb(230,233,228)
```
#f0f2ef
```
#f0f2ef rgb(240,242,239)
```
#fafbfa
```
#fafbfa rgb(250,251,250)
```

Tint Color Variation

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

#b5b6b5
```
#b5b6b5 rgb(181,182,181)
```
#b4bcaf
```
#b4bcaf rgb(180,188,175)
```
#b3c2a9
```
#b3c2a9 rgb(179,194,169)
```
#b1c7a4
```
#b1c7a4 rgb(177,199,164)
```
#b0cd9e
```
#b0cd9e rgb(176,205,158)
```
#afd398
```
#afd398 rgb(175,211,152)
```
#add893
```
#add893 rgb(173,216,147)
```
#acde8d
```
#acde8d rgb(172,222,141)
```
#abe487
```
#abe487 rgb(171,228,135)
```
#aae982
```
#aae982 rgb(170,233,130)
```
#a8ef7c
```
#a8ef7c rgb(168,239,124)
```
#a7f576
```
#a7f576 rgb(167,245,118)
```
#a6fa71
```
#a6fa71 rgb(166,250,113)
```

Tone Color Variation

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

#c3bcb1 Protanopia 1% of men
#d1b7b5 Deuteranopia 1% of men
#bbbcc9 Tritanopia 0.001% of the population

Trichromacy

#bdbcb0 Protanomaly 1% of men, 0.01% of women
#c6b8b3 Deuteranomaly 6% of men, 0.4% of women
#b9bcbf Tritanomaly 0.01% of the population

#b4bcaf hex color

#b4bcaf Color Information

#b4bcaf Color Conversion

Color Schemes with #b4bcaf

Alternatives to #b4bcaf

#b4bcaf Preview

Shades and Tints of #b4bcaf

Tones of #b4bcaf

Color Blindness Simulator