#b4c1bc hex color

In a RGB color space, hex #b4c1bc is composed of 70.6% red, 75.7% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 6.7% cyan, 0% magenta, 2.6% yellow and 24.3% black. It has a hue angle of 156.9 degrees, a saturation of 9.5% and a lightness of 73.1%. #b4c1bc color hex could be obtained by blending #ffffff with #698379. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 76
- B 74
RGB color chart
- C 7
- M 0
- Y 3
- K 24
CMYK color chart

● #b4c1bc color description : Grayish cyan - lime green.

The hexadecimal color #b4c1bc has RGB values of R:180, G:193, B:188 and CMYK values of C:0.07, M:0, Y:0.03, K:0.24. Its decimal value is 11846076.

Hex triplet	b4c1bc	`#b4c1bc`
RGB Decimal	180, 193, 188	`rgb(180,193,188)`
RGB Percent	70.6, 75.7, 73.7	`rgb(70.6%,75.7%,73.7%)`
CMYK	7, 0, 3, 24
HSL	156.9°, 9.5, 73.1	`hsl(156.9,9.5%,73.1%)`
HSV (or HSB)	156.9°, 6.7, 75.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	76.965, -5.415, 0.97
XYZ	46.968, 51.474, 55.035
xyY	0.306, 0.335, 51.474
CIE-LCH	76.965, 5.501, 169.848
CIE-LUV	76.965, -6.953, 2.375
Hunter-Lab	71.745, -8.7, 4.741
Binary	10110100, 11000001, 10111100

#b4c1bc
```
#b4c1bc rgb(180,193,188)
```
#c1b4b9
```
#c1b4b9 rgb(193,180,185)
```

Complementary Color

#b4c1b6
```
#b4c1b6 rgb(180,193,182)
```
#b4c1bc
```
#b4c1bc rgb(180,193,188)
```
#b4c0c1
```
#b4c0c1 rgb(180,192,193)
```

Analogous Color

#c1b6b4
```
#c1b6b4 rgb(193,182,180)
```
#b4c1bc
```
#b4c1bc rgb(180,193,188)
```
#c1b4c0
```
#c1b4c0 rgb(193,180,192)
```

Split Complementary Color

#c1bcb4
```
#c1bcb4 rgb(193,188,180)
```
#b4c1bc
```
#b4c1bc rgb(180,193,188)
```
#bcb4c1
```
#bcb4c1 rgb(188,180,193)
```

Triadic Color

#b9c1b4
```
#b9c1b4 rgb(185,193,180)
```
#b4c1bc
```
#b4c1bc rgb(180,193,188)
```
#bcb4c1
```
#bcb4c1 rgb(188,180,193)
```
#c1b4b9
```
#c1b4b9 rgb(193,180,185)
```

Tetradic Color

#8a9e97
```
#8a9e97 rgb(138,158,151)
```
#98aaa3
```
#98aaa3 rgb(152,170,163)
```
#a6b5b0
```
#a6b5b0 rgb(166,181,176)
```
#b4c1bc
```
#b4c1bc rgb(180,193,188)
```
#c2cdc8
```
#c2cdc8 rgb(194,205,200)
```
#d0d8d5
```
#d0d8d5 rgb(208,216,213)
```
#dee4e1
```
#dee4e1 rgb(222,228,225)
```

Monochromatic Color

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

#b4c1b9
```
#b4c1b9 rgb(180,193,185)
```
#b4c1ba
```
#b4c1ba rgb(180,193,186)
```
#b4c1bb
```
#b4c1bb rgb(180,193,187)
```
#b4c1bc
```
#b4c1bc rgb(180,193,188)
```
#b4c1bd
```
#b4c1bd rgb(180,193,189)
```
#b4c1be
```
#b4c1be rgb(180,193,190)
```
#b4c1bf
```
#b4c1bf rgb(180,193,191)
```

Similar Colors

Text with hexadecimal color #b4c1bc

This text has a font color of #b4c1bc.

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

#b4c1bc background color

This paragraph has a background color of #b4c1bc.

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

#b4c1bc border color

This element has a border color of #b4c1bc.

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

CSS codes

.text {color:#b4c1bc;}

.background {background-color:#b4c1bc;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#090b0a
```
#090b0a rgb(9,11,10)
```
#121614
```
#121614 rgb(18,22,20)
```
#1b201e
```
#1b201e rgb(27,32,30)
```
#242b28
```
#242b28 rgb(36,43,40)
```
#2d3632
```
#2d3632 rgb(45,54,50)
```
#35413c
```
#35413c rgb(53,65,60)
```
#3e4b46
```
#3e4b46 rgb(62,75,70)
```
#475650
```
#475650 rgb(71,86,80)
```
#50615a
```
#50615a rgb(80,97,90)
```
#596c64
```
#596c64 rgb(89,108,100)
```
#62766e
```
#62766e rgb(98,118,110)
```
#6b8178
```
#6b8178 rgb(107,129,120)
```

Shade Color Variation

#748c82
```
#748c82 rgb(116,140,130)
```
#7e958c
```
#7e958c rgb(126,149,140)
```
#899d96
```
#899d96 rgb(137,157,150)
```
#94a69f
```
#94a69f rgb(148,166,159)
```
#9fafa9
```
#9fafa9 rgb(159,175,169)
```
#a9b8b2
```
#a9b8b2 rgb(169,184,178)
```
#b4c1bc
```
#b4c1bc rgb(180,193,188)
```
#bfcac6
```
#bfcac6 rgb(191,202,198)
```
#c9d3cf
```
#c9d3cf rgb(201,211,207)
```
#d4dcd9
```
#d4dcd9 rgb(212,220,217)
```
#dfe5e2
```
#dfe5e2 rgb(223,229,226)
```
#eaedec
```
#eaedec rgb(234,237,236)
```
#f4f6f6
```
#f4f6f6 rgb(244,246,246)
```

Tint Color Variation

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

#b9bcbb
```
#b9bcbb rgb(185,188,187)
```
#b4c1bc
```
#b4c1bc rgb(180,193,188)
```
#afc6bd
```
#afc6bd rgb(175,198,189)
```
#a9ccbe
```
#a9ccbe rgb(169,204,190)
```
#a4d1c0
```
#a4d1c0 rgb(164,209,192)
```
#9fd6c1
```
#9fd6c1 rgb(159,214,193)
```
#9adbc2
```
#9adbc2 rgb(154,219,194)
```
#94e1c3
```
#94e1c3 rgb(148,225,195)
```
#8fe6c5
```
#8fe6c5 rgb(143,230,197)
```
#8aebc6
```
#8aebc6 rgb(138,235,198)
```
#85f0c7
```
#85f0c7 rgb(133,240,199)
```
#7ff6c8
```
#7ff6c8 rgb(127,246,200)
```
#7afbc9
```
#7afbc9 rgb(122,251,201)
```

Tone Color Variation

Below, you can see how #b4c1bc 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
#bbbebd Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5c0bd Protanopia 1% of men
#d2bbc2 Deuteranopia 1% of men
#bbc1cf Tritanopia 0.001% of the population

Trichromacy

#bfc0bc Protanomaly 1% of men, 0.01% of women
#c7bdbf Deuteranomaly 6% of men, 0.4% of women
#b8c1c8 Tritanomaly 0.01% of the population

#b4c1bc hex color

#b4c1bc Color Information

#b4c1bc Color Conversion

Color Schemes with #b4c1bc

Alternatives to #b4c1bc

#b4c1bc Preview

Shades and Tints of #b4c1bc

Tones of #b4c1bc

Color Blindness Simulator