#b2c2b8 hex color

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

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

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

The hexadecimal color #b2c2b8 has RGB values of R:178, G:194, B:184 and CMYK values of C:0.08, M:0, Y:0.05, K:0.24. Its decimal value is 11715256.

Hex triplet	b2c2b8	`#b2c2b8`
RGB Decimal	178, 194, 184	`rgb(178,194,184)`
RGB Percent	69.8, 76.1, 72.2	`rgb(69.8%,76.1%,72.2%)`
CMYK	8, 0, 5, 24
HSL	142.5°, 11.6, 72.9	`hsl(142.5,11.6%,72.9%)`
HSV (or HSB)	142.5°, 8.2, 76.1
Web Safe	99cccc	`#99cccc`

CIE-LAB	76.986, -7.382, 3.145
XYZ	46.302, 51.509, 52.848
xyY	0.307, 0.342, 51.509
CIE-LCH	76.986, 8.025, 156.923
CIE-LUV	76.986, -8.372, 5.93
Hunter-Lab	71.77, -10.438, 6.581
Binary	10110010, 11000010, 10111000

#b2c2b8
```
#b2c2b8 rgb(178,194,184)
```
#c2b2bc
```
#c2b2bc rgb(194,178,188)
```

Complementary Color

#b4c2b2
```
#b4c2b2 rgb(180,194,178)
```
#b2c2b8
```
#b2c2b8 rgb(178,194,184)
```
#b2c2c0
```
#b2c2c0 rgb(178,194,192)
```

Analogous Color

#c2b2b4
```
#c2b2b4 rgb(194,178,180)
```
#b2c2b8
```
#b2c2b8 rgb(178,194,184)
```
#c0b2c2
```
#c0b2c2 rgb(192,178,194)
```

Split Complementary Color

#c2b8b2
```
#c2b8b2 rgb(194,184,178)
```
#b2c2b8
```
#b2c2b8 rgb(178,194,184)
```
#b8b2c2
```
#b8b2c2 rgb(184,178,194)
```

Triadic Color

#bcc2b2
```
#bcc2b2 rgb(188,194,178)
```
#b2c2b8
```
#b2c2b8 rgb(178,194,184)
```
#b8b2c2
```
#b8b2c2 rgb(184,178,194)
```
#c2b2bc
```
#c2b2bc rgb(194,178,188)
```

Tetradic Color

#87a091
```
#87a091 rgb(135,160,145)
```
#96ab9e
```
#96ab9e rgb(150,171,158)
```
#a4b7ab
```
#a4b7ab rgb(164,183,171)
```
#b2c2b8
```
#b2c2b8 rgb(178,194,184)
```
#c0cdc5
```
#c0cdc5 rgb(192,205,197)
```
#ced9d2
```
#ced9d2 rgb(206,217,210)
```
#dde4df
```
#dde4df rgb(221,228,223)
```

Monochromatic Color

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

#b2c2b4
```
#b2c2b4 rgb(178,194,180)
```
#b2c2b5
```
#b2c2b5 rgb(178,194,181)
```
#b2c2b7
```
#b2c2b7 rgb(178,194,183)
```
#b2c2b8
```
#b2c2b8 rgb(178,194,184)
```
#b2c2b9
```
#b2c2b9 rgb(178,194,185)
```
#b2c2bb
```
#b2c2bb rgb(178,194,187)
```
#b2c2bc
```
#b2c2bc rgb(178,194,188)
```

Similar Colors

Text with hexadecimal color #b2c2b8

This text has a font color of #b2c2b8.

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

#b2c2b8 background color

This paragraph has a background color of #b2c2b8.

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

#b2c2b8 border color

This element has a border color of #b2c2b8.

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

CSS codes

.text {color:#b2c2b8;}

.background {background-color:#b2c2b8;}

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

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

#080b09
```
#080b09 rgb(8,11,9)
```
#111613
```
#111613 rgb(17,22,19)
```
#1a201c
```
#1a201c rgb(26,32,28)
```
#222b26
```
#222b26 rgb(34,43,38)
```
#2b362f
```
#2b362f rgb(43,54,47)
```
#344139
```
#344139 rgb(52,65,57)
```
#3c4c42
```
#3c4c42 rgb(60,76,66)
```
#45574c
```
#45574c rgb(69,87,76)
```
#4e6255
```
#4e6255 rgb(78,98,85)
```
#566d5f
```
#566d5f rgb(86,109,95)
```
#5f7868
```
#5f7868 rgb(95,120,104)
```
#688372
```
#688372 rgb(104,131,114)
```
#708e7b
```
#708e7b rgb(112,142,123)
```

Shade Color Variation

#7b9786
```
#7b9786 rgb(123,151,134)
```
#869f90
```
#869f90 rgb(134,159,144)
```
#91a89a
```
#91a89a rgb(145,168,154)
```
#9cb1a4
```
#9cb1a4 rgb(156,177,164)
```
#a7b9ae
```
#a7b9ae rgb(167,185,174)
```
#b2c2b8
```
#b2c2b8 rgb(178,194,184)
```
#bdcbc2
```
#bdcbc2 rgb(189,203,194)
```
#c8d3cc
```
#c8d3cc rgb(200,211,204)
```
#d3dcd6
```
#d3dcd6 rgb(211,220,214)
```
#dee5e0
```
#dee5e0 rgb(222,229,224)
```
#e9edea
```
#e9edea rgb(233,237,234)
```
#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, #b7bdb9 is the less saturated color, while #78fca9 is the most saturated one.

#b7bdb9
```
#b7bdb9 rgb(183,189,185)
```
#b2c2b8
```
#b2c2b8 rgb(178,194,184)
```
#adc7b7
```
#adc7b7 rgb(173,199,183)
```
#a7cdb5
```
#a7cdb5 rgb(167,205,181)
```
#a2d2b4
```
#a2d2b4 rgb(162,210,180)
```
#9dd7b3
```
#9dd7b3 rgb(157,215,179)
```
#97ddb1
```
#97ddb1 rgb(151,221,177)
```
#92e2b0
```
#92e2b0 rgb(146,226,176)
```
#8de7af
```
#8de7af rgb(141,231,175)
```
#88ecad
```
#88ecad rgb(136,236,173)
```
#82f2ac
```
#82f2ac rgb(130,242,172)
```
#7df7ab
```
#7df7ab rgb(125,247,171)
```
#78fca9
```
#78fca9 rgb(120,252,169)
```

Tone Color Variation

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

Dichromacy

#c6c0b9 Protanopia 1% of men
#d4bbbe Deuteranopia 1% of men
#b9c2cf Tritanopia 0.001% of the population

Trichromacy

#bfc1b8 Protanomaly 1% of men, 0.01% of women
#c7bdbc Deuteranomaly 6% of men, 0.4% of women
#b7c2c7 Tritanomaly 0.01% of the population

#b2c2b8 hex color

#b2c2b8 Color Information

#b2c2b8 Color Conversion

Color Schemes with #b2c2b8

Alternatives to #b2c2b8

#b2c2b8 Preview

Shades and Tints of #b2c2b8

Tones of #b2c2b8

Color Blindness Simulator