#b4c4ae hex color

In a RGB color space, hex #b4c4ae is composed of 70.6% red, 76.9% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 8.2% cyan, 0% magenta, 11.2% yellow and 23.1% black. It has a hue angle of 103.6 degrees, a saturation of 15.7% and a lightness of 72.5%. #b4c4ae color hex could be obtained by blending #ffffff with #69895d. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 71
- G 77
- B 68
RGB color chart
- C 8
- M 0
- Y 11
- K 23
CMYK color chart

● #b4c4ae color description : Grayish green.

The hexadecimal color #b4c4ae has RGB values of R:180, G:196, B:174 and CMYK values of C:0.08, M:0, Y:0.11, K:0.23. Its decimal value is 11846830.

Hex triplet	b4c4ae	`#b4c4ae`
RGB Decimal	180, 196, 174	`rgb(180,196,174)`
RGB Percent	70.6, 76.9, 68.2	`rgb(70.6%,76.9%,68.2%)`
CMYK	8, 0, 11, 23
HSL	103.6°, 15.7, 72.5	`hsl(103.6,15.7%,72.5%)`
HSV (or HSB)	103.6°, 11.2, 76.9
Web Safe	cccc99	`#cccc99`

CIE-LAB	77.423, -9.554, 9.187
XYZ	46.201, 52.239, 47.691
xyY	0.316, 0.357, 52.239
CIE-LCH	77.423, 13.254, 136.12
CIE-LUV	77.423, -7.932, 15.028
Hunter-Lab	72.276, -12.382, 11.471
Binary	10110100, 11000100, 10101110

#b4c4ae
```
#b4c4ae rgb(180,196,174)
```
#beaec4
```
#beaec4 rgb(190,174,196)
```

Complementary Color

#bfc4ae
```
#bfc4ae rgb(191,196,174)
```
#b4c4ae
```
#b4c4ae rgb(180,196,174)
```
#aec4b3
```
#aec4b3 rgb(174,196,179)
```

Analogous Color

#c4aebf
```
#c4aebf rgb(196,174,191)
```
#b4c4ae
```
#b4c4ae rgb(180,196,174)
```
#b3aec4
```
#b3aec4 rgb(179,174,196)
```

Split Complementary Color

#c4aeb4
```
#c4aeb4 rgb(196,174,180)
```
#b4c4ae
```
#b4c4ae rgb(180,196,174)
```
#aeb4c4
```
#aeb4c4 rgb(174,180,196)
```

Triadic Color

#c4beae
```
#c4beae rgb(196,190,174)
```
#b4c4ae
```
#b4c4ae rgb(180,196,174)
```
#aeb4c4
```
#aeb4c4 rgb(174,180,196)
```
#beaec4
```
#beaec4 rgb(190,174,196)
```

Tetradic Color

#8ba482
```
#8ba482 rgb(139,164,130)
```
#99af90
```
#99af90 rgb(153,175,144)
```
#a6b99f
```
#a6b99f rgb(166,185,159)
```
#b4c4ae
```
#b4c4ae rgb(180,196,174)
```
#c2cfbd
```
#c2cfbd rgb(194,207,189)
```
#cfd9cc
```
#cfd9cc rgb(207,217,204)
```
#dde4da
```
#dde4da rgb(221,228,218)
```

Monochromatic Color

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

#bac4ae
```
#bac4ae rgb(186,196,174)
```
#b8c4ae
```
#b8c4ae rgb(184,196,174)
```
#b6c4ae
```
#b6c4ae rgb(182,196,174)
```
#b4c4ae
```
#b4c4ae rgb(180,196,174)
```
#b2c4ae
```
#b2c4ae rgb(178,196,174)
```
#b0c4ae
```
#b0c4ae rgb(176,196,174)
```
#afc4ae
```
#afc4ae rgb(175,196,174)
```

Similar Colors

Text with hexadecimal color #b4c4ae

This text has a font color of #b4c4ae.

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

#b4c4ae background color

This paragraph has a background color of #b4c4ae.

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

#b4c4ae border color

This element has a border color of #b4c4ae.

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

CSS codes

.text {color:#b4c4ae;}

.background {background-color:#b4c4ae;}

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

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, #080a07 is the darkest color, while #fefefd is the lightest one.

#080a07
```
#080a07 rgb(8,10,7)
```
#11150f
```
#11150f rgb(17,21,15)
```
#1a2018
```
#1a2018 rgb(26,32,24)
```
#232c20
```
#232c20 rgb(35,44,32)
```
#2c3728
```
#2c3728 rgb(44,55,40)
```
#354330
```
#354330 rgb(53,67,48)
```
#3f4e39
```
#3f4e39 rgb(63,78,57)
```
#485941
```
#485941 rgb(72,89,65)
```
#516549
```
#516549 rgb(81,101,73)
```
#5a7052
```
#5a7052 rgb(90,112,82)
```
#637b5a
```
#637b5a rgb(99,123,90)
```
#6c8762
```
#6c8762 rgb(108,135,98)
```
#75926a
```
#75926a rgb(117,146,106)
```

Shade Color Variation

#7f9b75
```
#7f9b75 rgb(127,155,117)
```
#8aa381
```
#8aa381 rgb(138,163,129)
```
#94ab8c
```
#94ab8c rgb(148,171,140)
```
#9fb397
```
#9fb397 rgb(159,179,151)
```
#a9bca3
```
#a9bca3 rgb(169,188,163)
```
#b4c4ae
```
#b4c4ae rgb(180,196,174)
```
#bfccb9
```
#bfccb9 rgb(191,204,185)
```
#c9d5c5
```
#c9d5c5 rgb(201,213,197)
```
#d4ddd0
```
#d4ddd0 rgb(212,221,208)
```
#dee5db
```
#dee5db rgb(222,229,219)
```
#e9ede7
```
#e9ede7 rgb(233,237,231)
```
#f3f6f2
```
#f3f6f2 rgb(243,246,242)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#b9b9b9
```
#b9b9b9 rgb(185,185,185)
```
#b6bfb3
```
#b6bfb3 rgb(182,191,179)
```
#b4c4ae
```
#b4c4ae rgb(180,196,174)
```
#b2c9a9
```
#b2c9a9 rgb(178,201,169)
```
#afcfa3
```
#afcfa3 rgb(175,207,163)
```
#add49e
```
#add49e rgb(173,212,158)
```
#aada98
```
#aada98 rgb(170,218,152)
```
#a8df93
```
#a8df93 rgb(168,223,147)
```
#a5e48e
```
#a5e48e rgb(165,228,142)
```
#a3ea88
```
#a3ea88 rgb(163,234,136)
```
#a0ef83
```
#a0ef83 rgb(160,239,131)
```
#9ef47e
```
#9ef47e rgb(158,244,126)
```
#9cfa78
```
#9cfa78 rgb(156,250,120)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#bbbeba Atypical Achromatopsia 0.001% of the population

Dichromacy

#cac1af Protanopia 1% of men
#d9bcb5 Deuteranopia 1% of men
#bdc2d0 Tritanopia 0.001% of the population

Trichromacy

#c2c2af Protanomaly 1% of men, 0.01% of women
#cbbfb2 Deuteranomaly 6% of men, 0.4% of women
#bac3c3 Tritanomaly 0.01% of the population

#b4c4ae hex color

#b4c4ae Color Information

#b4c4ae Color Conversion

Color Schemes with #b4c4ae

Alternatives to #b4c4ae

#b4c4ae Preview

Shades and Tints of #b4c4ae

Tones of #b4c4ae

Color Blindness Simulator