#bbc2b8 hex color

In a RGB color space, hex #bbc2b8 is composed of 73.3% red, 76.1% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 3.6% cyan, 0% magenta, 5.2% yellow and 23.9% black. It has a hue angle of 102 degrees, a saturation of 7.6% and a lightness of 74.1%. #bbc2b8 color hex could be obtained by blending #ffffff with #778571. Closest websafe color is: #cccccc.

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

● #bbc2b8 color description : Grayish green.

The hexadecimal color #bbc2b8 has RGB values of R:187, G:194, B:184 and CMYK values of C:0.04, M:0, Y:0.05, K:0.24. Its decimal value is 12305080.

Hex triplet	bbc2b8	`#bbc2b8`
RGB Decimal	187, 194, 184	`rgb(187,194,184)`
RGB Percent	73.3, 76.1, 72.2	`rgb(73.3%,76.1%,72.2%)`
CMYK	4, 0, 5, 24
HSL	102°, 7.6, 74.1	`hsl(102,7.6%,74.1%)`
HSV (or HSB)	102°, 5.2, 76.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	77.644, -4.263, 4.18
XYZ	48.435, 52.609, 52.948
xyY	0.315, 0.342, 52.609
CIE-LCH	77.644, 5.97, 135.568
CIE-LUV	77.644, -3.432, 6.913
Hunter-Lab	72.532, -7.732, 7.491
Binary	10111011, 11000010, 10111000

#bbc2b8
```
#bbc2b8 rgb(187,194,184)
```
#bfb8c2
```
#bfb8c2 rgb(191,184,194)
```

Complementary Color

#c0c2b8
```
#c0c2b8 rgb(192,194,184)
```
#bbc2b8
```
#bbc2b8 rgb(187,194,184)
```
#b8c2ba
```
#b8c2ba rgb(184,194,186)
```

Analogous Color

#c2b8c0
```
#c2b8c0 rgb(194,184,192)
```
#bbc2b8
```
#bbc2b8 rgb(187,194,184)
```
#bab8c2
```
#bab8c2 rgb(186,184,194)
```

Split Complementary Color

#c2b8bb
```
#c2b8bb rgb(194,184,187)
```
#bbc2b8
```
#bbc2b8 rgb(187,194,184)
```
#b8bbc2
```
#b8bbc2 rgb(184,187,194)
```

Triadic Color

#c2bfb8
```
#c2bfb8 rgb(194,191,184)
```
#bbc2b8
```
#bbc2b8 rgb(187,194,184)
```
#b8bbc2
```
#b8bbc2 rgb(184,187,194)
```
#bfb8c2
```
#bfb8c2 rgb(191,184,194)
```

Tetradic Color

#949f8f
```
#949f8f rgb(148,159,143)
```
#a1aa9d
```
#a1aa9d rgb(161,170,157)
```
#aeb6aa
```
#aeb6aa rgb(174,182,170)
```
#bbc2b8
```
#bbc2b8 rgb(187,194,184)
```
#c8cec6
```
#c8cec6 rgb(200,206,198)
```
#d5dad3
```
#d5dad3 rgb(213,218,211)
```
#e2e5e1
```
#e2e5e1 rgb(226,229,225)
```

Monochromatic Color

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

#bec2b8
```
#bec2b8 rgb(190,194,184)
```
#bdc2b8
```
#bdc2b8 rgb(189,194,184)
```
#bcc2b8
```
#bcc2b8 rgb(188,194,184)
```
#bbc2b8
```
#bbc2b8 rgb(187,194,184)
```
#bac2b8
```
#bac2b8 rgb(186,194,184)
```
#b9c2b8
```
#b9c2b8 rgb(185,194,184)
```
#b9c2b8
```
#b9c2b8 rgb(185,194,184)
```

Similar Colors

Text with hexadecimal color #bbc2b8

This text has a font color of #bbc2b8.

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

#bbc2b8 background color

This paragraph has a background color of #bbc2b8.

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

#bbc2b8 border color

This element has a border color of #bbc2b8.

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

CSS codes

.text {color:#bbc2b8;}

.background {background-color:#bbc2b8;}

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

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

#030302
```
#030302 rgb(3,3,2)
```
#0c0d0c
```
#0c0d0c rgb(12,13,12)
```
#161815
```
#161815 rgb(22,24,21)
```
#1f231e
```
#1f231e rgb(31,35,30)
```
#292d27
```
#292d27 rgb(41,45,39)
```
#323830
```
#323830 rgb(50,56,48)
```
#3c4239
```
#3c4239 rgb(60,66,57)
```
#454d42
```
#454d42 rgb(69,77,66)
```
#4f574b
```
#4f574b rgb(79,87,75)
```
#586254
```
#586254 rgb(88,98,84)
```
#626c5d
```
#626c5d rgb(98,108,93)
```
#6b7766
```
#6b7766 rgb(107,119,102)
```
#75816f
```
#75816f rgb(117,129,111)
```

Shade Color Variation

#7e8c79
```
#7e8c79 rgb(126,140,121)
```
#889583
```
#889583 rgb(136,149,131)
```
#939e8e
```
#939e8e rgb(147,158,142)
```
#9da798
```
#9da798 rgb(157,167,152)
```
#a7b0a3
```
#a7b0a3 rgb(167,176,163)
```
#b1b9ad
```
#b1b9ad rgb(177,185,173)
```
#bbc2b8
```
#bbc2b8 rgb(187,194,184)
```
#c5cbc3
```
#c5cbc3 rgb(197,203,195)
```
#cfd4cd
```
#cfd4cd rgb(207,212,205)
```
#d9ddd8
```
#d9ddd8 rgb(217,221,216)
```
#e3e6e2
```
#e3e6e2 rgb(227,230,226)
```
#eeefed
```
#eeefed rgb(238,239,237)
```
#f8f8f7
```
#f8f8f7 rgb(248,248,247)
```

Tint Color Variation

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

#bbc2b8
```
#bbc2b8 rgb(187,194,184)
```
#b9c7b3
```
#b9c7b3 rgb(185,199,179)
```
#b7ccae
```
#b7ccae rgb(183,204,174)
```
#b5d1a9
```
#b5d1a9 rgb(181,209,169)
```
#b3d6a4
```
#b3d6a4 rgb(179,214,164)
```
#b1db9f
```
#b1db9f rgb(177,219,159)
```
#afe09a
```
#afe09a rgb(175,224,154)
```
#ade694
```
#ade694 rgb(173,230,148)
```
#abeb8f
```
#abeb8f rgb(171,235,143)
```
#a9f08a
```
#a9f08a rgb(169,240,138)
```
#a7f585
```
#a7f585 rgb(167,245,133)
```
#a5fa80
```
#a5fa80 rgb(165,250,128)
```
#a3ff7b
```
#a3ff7b rgb(163,255,123)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bec0be Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8c2ba Protanopia 1% of men
#d6bdbe Deuteranopia 1% of men
#c2c2cf Tritanopia 0.001% of the population

Trichromacy

#c3c2b9 Protanomaly 1% of men, 0.01% of women
#ccbebb Deuteranomaly 6% of men, 0.4% of women
#bfc2c7 Tritanomaly 0.01% of the population

#bbc2b8 hex color

#bbc2b8 Color Information

#bbc2b8 Color Conversion

Color Schemes with #bbc2b8

Alternatives to #bbc2b8

#bbc2b8 Preview

Shades and Tints of #bbc2b8

Tones of #bbc2b8

Color Blindness Simulator