#b4c2bf hex color

In a RGB color space, hex #b4c2bf is composed of 70.6% red, 76.1% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 7.2% cyan, 0% magenta, 1.5% yellow and 23.9% black. It has a hue angle of 167.1 degrees, a saturation of 10.3% and a lightness of 73.3%. #b4c2bf color hex could be obtained by blending #ffffff with #69857f. Closest websafe color is: #cccccc.

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

● #b4c2bf color description : Grayish cyan.

The hexadecimal color #b4c2bf has RGB values of R:180, G:194, B:191 and CMYK values of C:0.07, M:0, Y:0.02, K:0.24. Its decimal value is 11846335.

Hex triplet	b4c2bf	`#b4c2bf`
RGB Decimal	180, 194, 191	`rgb(180,194,191)`
RGB Percent	70.6, 76.1, 74.9	`rgb(70.6%,76.1%,74.9%)`
CMYK	7, 0, 2, 24
HSL	167.1°, 10.3, 73.3	`hsl(167.1,10.3%,73.3%)`
HSV (or HSB)	167.1°, 7.2, 76.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	77.31, -5.366, -0.15
XYZ	47.516, 52.048, 56.83
xyY	0.304, 0.333, 52.048
CIE-LCH	77.31, 5.368, 181.603
CIE-LUV	77.31, -7.57, 0.696
Hunter-Lab	72.144, -8.687, 3.796
Binary	10110100, 11000010, 10111111

#b4c2bf
```
#b4c2bf rgb(180,194,191)
```
#c2b4b7
```
#c2b4b7 rgb(194,180,183)
```

Complementary Color

#b4c2b8
```
#b4c2b8 rgb(180,194,184)
```
#b4c2bf
```
#b4c2bf rgb(180,194,191)
```
#b4bec2
```
#b4bec2 rgb(180,190,194)
```

Analogous Color

#c2b8b4
```
#c2b8b4 rgb(194,184,180)
```
#b4c2bf
```
#b4c2bf rgb(180,194,191)
```
#c2b4be
```
#c2b4be rgb(194,180,190)
```

Split Complementary Color

#c2bfb4
```
#c2bfb4 rgb(194,191,180)
```
#b4c2bf
```
#b4c2bf rgb(180,194,191)
```
#bfb4c2
```
#bfb4c2 rgb(191,180,194)
```

Triadic Color

#b7c2b4
```
#b7c2b4 rgb(183,194,180)
```
#b4c2bf
```
#b4c2bf rgb(180,194,191)
```
#bfb4c2
```
#bfb4c2 rgb(191,180,194)
```
#c2b4b7
```
#c2b4b7 rgb(194,180,183)
```

Tetradic Color

#8aa09b
```
#8aa09b rgb(138,160,155)
```
#98aba7
```
#98aba7 rgb(152,171,167)
```
#a6b7b3
```
#a6b7b3 rgb(166,183,179)
```
#b4c2bf
```
#b4c2bf rgb(180,194,191)
```
#c2cdcb
```
#c2cdcb rgb(194,205,203)
```
#d0d9d7
```
#d0d9d7 rgb(208,217,215)
```
#dee4e3
```
#dee4e3 rgb(222,228,227)
```

Monochromatic Color

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

#b4c2bc
```
#b4c2bc rgb(180,194,188)
```
#b4c2bd
```
#b4c2bd rgb(180,194,189)
```
#b4c2be
```
#b4c2be rgb(180,194,190)
```
#b4c2bf
```
#b4c2bf rgb(180,194,191)
```
#b4c2c0
```
#b4c2c0 rgb(180,194,192)
```
#b4c2c1
```
#b4c2c1 rgb(180,194,193)
```
#b4c2c2
```
#b4c2c2 rgb(180,194,194)
```

Similar Colors

Text with hexadecimal color #b4c2bf

This text has a font color of #b4c2bf.

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

#b4c2bf background color

This paragraph has a background color of #b4c2bf.

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

#b4c2bf border color

This element has a border color of #b4c2bf.

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

CSS codes

.text {color:#b4c2bf;}

.background {background-color:#b4c2bf;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#090c0b
```
#090c0b rgb(9,12,11)
```
#121615
```
#121615 rgb(18,22,21)
```
#1b2120
```
#1b2120 rgb(27,33,32)
```
#242c2a
```
#242c2a rgb(36,44,42)
```
#2d3735
```
#2d3735 rgb(45,55,53)
```
#35423f
```
#35423f rgb(53,66,63)
```
#3e4c49
```
#3e4c49 rgb(62,76,73)
```
#475754
```
#475754 rgb(71,87,84)
```
#50625e
```
#50625e rgb(80,98,94)
```
#596d69
```
#596d69 rgb(89,109,105)
```
#617873
```
#617873 rgb(97,120,115)
```
#6a837d
```
#6a837d rgb(106,131,125)
```

Shade Color Variation

#738d88
```
#738d88 rgb(115,141,136)
```
#7e9691
```
#7e9691 rgb(126,150,145)
```
#899f9a
```
#899f9a rgb(137,159,154)
```
#94a8a3
```
#94a8a3 rgb(148,168,163)
```
#9eb0ad
```
#9eb0ad rgb(158,176,173)
```
#a9b9b6
```
#a9b9b6 rgb(169,185,182)
```
#b4c2bf
```
#b4c2bf rgb(180,194,191)
```
#bfcbc8
```
#bfcbc8 rgb(191,203,200)
```
#cad4d1
```
#cad4d1 rgb(202,212,209)
```
#d4dcdb
```
#d4dcdb rgb(212,220,219)
```
#dfe5e4
```
#dfe5e4 rgb(223,229,228)
```
#eaeeed
```
#eaeeed rgb(234,238,237)
```
#f5f7f6
```
#f5f7f6 rgb(245,247,246)
```

Tint Color Variation

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

#b9bdbc
```
#b9bdbc rgb(185,189,188)
```
#b4c2bf
```
#b4c2bf rgb(180,194,191)
```
#afc7c2
```
#afc7c2 rgb(175,199,194)
```
#aaccc5
```
#aaccc5 rgb(170,204,197)
```
#a4d2c8
```
#a4d2c8 rgb(164,210,200)
```
#9fd7cb
```
#9fd7cb rgb(159,215,203)
```
#9adcce
```
#9adcce rgb(154,220,206)
```
#95e1d1
```
#95e1d1 rgb(149,225,209)
```
#8fe7d4
```
#8fe7d4 rgb(143,231,212)
```
#8aecd7
```
#8aecd7 rgb(138,236,215)
```
#85f1da
```
#85f1da rgb(133,241,218)
```
#80f6dd
```
#80f6dd rgb(128,246,221)
```
#7afce0
```
#7afce0 rgb(122,252,224)
```

Tone Color Variation

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

#c5c1c0 Protanopia 1% of men
#d2bcc5 Deuteranopia 1% of men
#bac2d0 Tritanopia 0.001% of the population

Trichromacy

#bfc1bf Protanomaly 1% of men, 0.01% of women
#c7bec2 Deuteranomaly 6% of men, 0.4% of women
#b8c2ca Tritanomaly 0.01% of the population

#b4c2bf hex color

#b4c2bf Color Information

#b4c2bf Color Conversion

Color Schemes with #b4c2bf

Alternatives to #b4c2bf

#b4c2bf Preview

Shades and Tints of #b4c2bf

Tones of #b4c2bf

Color Blindness Simulator