#b2c1bf hex color

In a RGB color space, hex #b2c1bf is composed of 69.8% red, 75.7% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 7.8% cyan, 0% magenta, 1% yellow and 24.3% black. It has a hue angle of 172 degrees, a saturation of 10.8% and a lightness of 72.7%. #b2c1bf color hex could be obtained by blending #ffffff with #65837f. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 70
- G 76
- B 75
RGB color chart
- C 8
- M 0
- Y 1
- K 24
CMYK color chart

● #b2c1bf color description : Grayish cyan.

The hexadecimal color #b2c1bf has RGB values of R:178, G:193, B:191 and CMYK values of C:0.08, M:0, Y:0.01, K:0.24. Its decimal value is 11715007.

Hex triplet	b2c1bf	`#b2c1bf`
RGB Decimal	178, 193, 191	`rgb(178,193,191)`
RGB Percent	69.8, 75.7, 74.9	`rgb(69.8%,75.7%,74.9%)`
CMYK	8, 0, 1, 24
HSL	172°, 10.8, 72.7	`hsl(172,10.8%,72.7%)`
HSV (or HSB)	172°, 7.8, 75.7
Web Safe	99cccc	`#99cccc`

CIE-LAB	76.9, -5.515, -0.766
XYZ	46.832, 51.366, 56.735
xyY	0.302, 0.332, 51.366
CIE-LCH	76.9, 5.568, 187.903
CIE-LUV	76.9, -8.143, -0.203
Hunter-Lab	71.67, -8.784, 3.235
Binary	10110010, 11000001, 10111111

#b2c1bf
```
#b2c1bf rgb(178,193,191)
```
#c1b2b4
```
#c1b2b4 rgb(193,178,180)
```

Complementary Color

#b2c1b8
```
#b2c1b8 rgb(178,193,184)
```
#b2c1bf
```
#b2c1bf rgb(178,193,191)
```
#b2bcc1
```
#b2bcc1 rgb(178,188,193)
```

Analogous Color

#c1b8b2
```
#c1b8b2 rgb(193,184,178)
```
#b2c1bf
```
#b2c1bf rgb(178,193,191)
```
#c1b2bc
```
#c1b2bc rgb(193,178,188)
```

Split Complementary Color

#c1bfb2
```
#c1bfb2 rgb(193,191,178)
```
#b2c1bf
```
#b2c1bf rgb(178,193,191)
```
#bfb2c1
```
#bfb2c1 rgb(191,178,193)
```

Triadic Color

#b4c1b2
```
#b4c1b2 rgb(180,193,178)
```
#b2c1bf
```
#b2c1bf rgb(178,193,191)
```
#bfb2c1
```
#bfb2c1 rgb(191,178,193)
```
#c1b2b4
```
#c1b2b4 rgb(193,178,180)
```

Tetradic Color

#889f9c
```
#889f9c rgb(136,159,156)
```
#96aaa8
```
#96aaa8 rgb(150,170,168)
```
#a4b6b3
```
#a4b6b3 rgb(164,182,179)
```
#b2c1bf
```
#b2c1bf rgb(178,193,191)
```
#c0cccb
```
#c0cccb rgb(192,204,203)
```
#ced8d6
```
#ced8d6 rgb(206,216,214)
```
#dce3e2
```
#dce3e2 rgb(220,227,226)
```

Monochromatic Color

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

#b2c1bb
```
#b2c1bb rgb(178,193,187)
```
#b2c1bd
```
#b2c1bd rgb(178,193,189)
```
#b2c1be
```
#b2c1be rgb(178,193,190)
```
#b2c1bf
```
#b2c1bf rgb(178,193,191)
```
#b2c1c0
```
#b2c1c0 rgb(178,193,192)
```
#b2c1c1
```
#b2c1c1 rgb(178,193,193)
```
#b2bfc1
```
#b2bfc1 rgb(178,191,193)
```

Similar Colors

Text with hexadecimal color #b2c1bf

This text has a font color of #b2c1bf.

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

#b2c1bf background color

This paragraph has a background color of #b2c1bf.

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

#b2c1bf border color

This element has a border color of #b2c1bf.

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

CSS codes

.text {color:#b2c1bf;}

.background {background-color:#b2c1bf;}

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

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

#080a0a
```
#080a0a rgb(8,10,10)
```
#111514
```
#111514 rgb(17,21,20)
```
#19201f
```
#19201f rgb(25,32,31)
```
#222b29
```
#222b29 rgb(34,43,41)
```
#2b3534
```
#2b3534 rgb(43,53,52)
```
#34403f
```
#34403f rgb(52,64,63)
```
#3c4b49
```
#3c4b49 rgb(60,75,73)
```
#455654
```
#455654 rgb(69,86,84)
```
#4e615e
```
#4e615e rgb(78,97,94)
```
#576c69
```
#576c69 rgb(87,108,105)
```
#5f7774
```
#5f7774 rgb(95,119,116)
```
#68817e
```
#68817e rgb(104,129,126)
```
#718c89
```
#718c89 rgb(113,140,137)
```

Shade Color Variation

#7c9592
```
#7c9592 rgb(124,149,146)
```
#879e9b
```
#879e9b rgb(135,158,155)
```
#91a7a4
```
#91a7a4 rgb(145,167,164)
```
#9cb0ad
```
#9cb0ad rgb(156,176,173)
```
#a7b8b6
```
#a7b8b6 rgb(167,184,182)
```
#b2c1bf
```
#b2c1bf rgb(178,193,191)
```
#bdcac8
```
#bdcac8 rgb(189,202,200)
```
#c8d2d1
```
#c8d2d1 rgb(200,210,209)
```
#d3dbda
```
#d3dbda rgb(211,219,218)
```
#dde4e3
```
#dde4e3 rgb(221,228,227)
```
#e8edec
```
#e8edec rgb(232,237,236)
```
#f3f5f5
```
#f3f5f5 rgb(243,245,245)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#b7bcbb
```
#b7bcbb rgb(183,188,187)
```
#b2c1bf
```
#b2c1bf rgb(178,193,191)
```
#adc6c3
```
#adc6c3 rgb(173,198,195)
```
#a7ccc7
```
#a7ccc7 rgb(167,204,199)
```
#a2d1cb
```
#a2d1cb rgb(162,209,203)
```
#9dd6cf
```
#9dd6cf rgb(157,214,207)
```
#97dcd3
```
#97dcd3 rgb(151,220,211)
```
#92e1d7
```
#92e1d7 rgb(146,225,215)
```
#8de6da
```
#8de6da rgb(141,230,218)
```
#87ecde
```
#87ecde rgb(135,236,222)
```
#82f1e2
```
#82f1e2 rgb(130,241,226)
```
#7df6e6
```
#7df6e6 rgb(125,246,230)
```
#77fcea
```
#77fcea rgb(119,252,234)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#babdbd Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4c0c0 Protanopia 1% of men
#d1bbc5 Deuteranopia 1% of men
#b8c2cf Tritanopia 0.001% of the population

Trichromacy

#bdc0bf Protanomaly 1% of men, 0.01% of women
#c5bdc2 Deuteranomaly 6% of men, 0.4% of women
#b6c1c9 Tritanomaly 0.01% of the population

#b2c1bf hex color

#b2c1bf Color Information

#b2c1bf Color Conversion

Color Schemes with #b2c1bf

Alternatives to #b2c1bf

#b2c1bf Preview

Shades and Tints of #b2c1bf

Tones of #b2c1bf

Color Blindness Simulator