#b2c2bc hex color

In a RGB color space, hex #b2c2bc is composed of 69.8% red, 76.1% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 8.2% cyan, 0% magenta, 3.1% yellow and 23.9% black. It has a hue angle of 157.5 degrees, a saturation of 11.6% and a lightness of 72.9%. #b2c2bc color hex could be obtained by blending #ffffff with #658579. Closest websafe color is: #99cccc.

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

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

The hexadecimal color #b2c2bc has RGB values of R:178, G:194, B:188 and CMYK values of C:0.08, M:0, Y:0.03, K:0.24. Its decimal value is 11715260.

Hex triplet	b2c2bc	`#b2c2bc`
RGB Decimal	178, 194, 188	`rgb(178,194,188)`
RGB Percent	69.8, 76.1, 73.7	`rgb(69.8%,76.1%,73.7%)`
CMYK	8, 0, 3, 24
HSL	157.5°, 11.6, 72.9	`hsl(157.5,11.6%,72.9%)`
HSV (or HSB)	157.5°, 8.2, 76.1
Web Safe	99cccc	`#99cccc`

CIE-LAB	77.088, -6.622, 1.132
XYZ	46.727, 51.679, 55.087
xyY	0.304, 0.337, 51.679
CIE-LCH	77.088, 6.718, 170.301
CIE-LUV	77.088, -8.521, 2.823
Hunter-Lab	71.888, -9.779, 4.888
Binary	10110010, 11000010, 10111100

#b2c2bc
```
#b2c2bc rgb(178,194,188)
```
#c2b2b8
```
#c2b2b8 rgb(194,178,184)
```

Complementary Color

#b2c2b4
```
#b2c2b4 rgb(178,194,180)
```
#b2c2bc
```
#b2c2bc rgb(178,194,188)
```
#b2c0c2
```
#b2c0c2 rgb(178,192,194)
```

Analogous Color

#c2b4b2
```
#c2b4b2 rgb(194,180,178)
```
#b2c2bc
```
#b2c2bc rgb(178,194,188)
```
#c2b2c0
```
#c2b2c0 rgb(194,178,192)
```

Split Complementary Color

#c2bcb2
```
#c2bcb2 rgb(194,188,178)
```
#b2c2bc
```
#b2c2bc rgb(178,194,188)
```
#bcb2c2
```
#bcb2c2 rgb(188,178,194)
```

Triadic Color

#b8c2b2
```
#b8c2b2 rgb(184,194,178)
```
#b2c2bc
```
#b2c2bc rgb(178,194,188)
```
#bcb2c2
```
#bcb2c2 rgb(188,178,194)
```
#c2b2b8
```
#c2b2b8 rgb(194,178,184)
```

Tetradic Color

#87a097
```
#87a097 rgb(135,160,151)
```
#96aba3
```
#96aba3 rgb(150,171,163)
```
#a4b7b0
```
#a4b7b0 rgb(164,183,176)
```
#b2c2bc
```
#b2c2bc rgb(178,194,188)
```
#c0cdc8
```
#c0cdc8 rgb(192,205,200)
```
#ced9d5
```
#ced9d5 rgb(206,217,213)
```
#dde4e1
```
#dde4e1 rgb(221,228,225)
```

Monochromatic Color

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

#b2c2b8
```
#b2c2b8 rgb(178,194,184)
```
#b2c2b9
```
#b2c2b9 rgb(178,194,185)
```
#b2c2bb
```
#b2c2bb rgb(178,194,187)
```
#b2c2bc
```
#b2c2bc rgb(178,194,188)
```
#b2c2bd
```
#b2c2bd rgb(178,194,189)
```
#b2c2bf
```
#b2c2bf rgb(178,194,191)
```
#b2c2c0
```
#b2c2c0 rgb(178,194,192)
```

Similar Colors

Text with hexadecimal color #b2c2bc

This text has a font color of #b2c2bc.

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

#b2c2bc background color

This paragraph has a background color of #b2c2bc.

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

#b2c2bc border color

This element has a border color of #b2c2bc.

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

CSS codes

.text {color:#b2c2bc;}

.background {background-color:#b2c2bc;}

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

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

#080b0a
```
#080b0a rgb(8,11,10)
```
#111614
```
#111614 rgb(17,22,20)
```
#1a201e
```
#1a201e rgb(26,32,30)
```
#222b28
```
#222b28 rgb(34,43,40)
```
#2b3632
```
#2b3632 rgb(43,54,50)
```
#34413c
```
#34413c rgb(52,65,60)
```
#3c4c46
```
#3c4c46 rgb(60,76,70)
```
#455750
```
#455750 rgb(69,87,80)
```
#4e625a
```
#4e625a rgb(78,98,90)
```
#566d65
```
#566d65 rgb(86,109,101)
```
#5f786f
```
#5f786f rgb(95,120,111)
```
#688379
```
#688379 rgb(104,131,121)
```
#708e83
```
#708e83 rgb(112,142,131)
```

Shade Color Variation

#7b978c
```
#7b978c rgb(123,151,140)
```
#869f96
```
#869f96 rgb(134,159,150)
```
#91a89f
```
#91a89f rgb(145,168,159)
```
#9cb1a9
```
#9cb1a9 rgb(156,177,169)
```
#a7b9b2
```
#a7b9b2 rgb(167,185,178)
```
#b2c2bc
```
#b2c2bc rgb(178,194,188)
```
#bdcbc6
```
#bdcbc6 rgb(189,203,198)
```
#c8d3cf
```
#c8d3cf rgb(200,211,207)
```
#d3dcd9
```
#d3dcd9 rgb(211,220,217)
```
#dee5e2
```
#dee5e2 rgb(222,229,226)
```
#e9edec
```
#e9edec rgb(233,237,236)
```
#f4f6f5
```
#f4f6f5 rgb(244,246,245)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#b7bdbb
```
#b7bdbb rgb(183,189,187)
```
#b2c2bc
```
#b2c2bc rgb(178,194,188)
```
#adc7bd
```
#adc7bd rgb(173,199,189)
```
#a7cdbf
```
#a7cdbf rgb(167,205,191)
```
#a2d2c0
```
#a2d2c0 rgb(162,210,192)
```
#9dd7c1
```
#9dd7c1 rgb(157,215,193)
```
#97ddc3
```
#97ddc3 rgb(151,221,195)
```
#92e2c4
```
#92e2c4 rgb(146,226,196)
```
#8de7c5
```
#8de7c5 rgb(141,231,197)
```
#88ecc7
```
#88ecc7 rgb(136,236,199)
```
#82f2c8
```
#82f2c8 rgb(130,242,200)
```
#7df7c9
```
#7df7c9 rgb(125,247,201)
```
#78fccb
```
#78fccb rgb(120,252,203)
```

Tone Color Variation

Below, you can see how #b2c2bc 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
#d3bbc2 Deuteranopia 1% of men
#b9c2d0 Tritanopia 0.001% of the population

Trichromacy

#bec1bc Protanomaly 1% of men, 0.01% of women
#c7bec0 Deuteranomaly 6% of men, 0.4% of women
#b6c2c9 Tritanomaly 0.01% of the population

#b2c2bc hex color

#b2c2bc Color Information

#b2c2bc Color Conversion

Color Schemes with #b2c2bc

Alternatives to #b2c2bc

#b2c2bc Preview

Shades and Tints of #b2c2bc

Tones of #b2c2bc

Color Blindness Simulator