#bbd2b2 hex color

In a RGB color space, hex #bbd2b2 is composed of 73.3% red, 82.4% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 11% cyan, 0% magenta, 15.2% yellow and 17.6% black. It has a hue angle of 103.1 degrees, a saturation of 26.2% and a lightness of 76.1%. #bbd2b2 color hex could be obtained by blending #ffffff with #77a565. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 73
- G 82
- B 70
RGB color chart
- C 11
- M 0
- Y 15
- K 18
CMYK color chart

● #bbd2b2 color description : Grayish green.

The hexadecimal color #bbd2b2 has RGB values of R:187, G:210, B:178 and CMYK values of C:0.11, M:0, Y:0.15, K:0.18. Its decimal value is 12309170.

Hex triplet	bbd2b2	`#bbd2b2`
RGB Decimal	187, 210, 178	`rgb(187,210,178)`
RGB Percent	73.3, 82.4, 69.8	`rgb(73.3%,82.4%,69.8%)`
CMYK	11, 0, 15, 18
HSL	103.1°, 26.2, 76.1	`hsl(103.1,26.2%,76.1%)`
HSV (or HSB)	103.1°, 15.2, 82.4
Web Safe	cccc99	`#cccc99`

CIE-LAB	81.768, -13.596, 13.288
XYZ	51.574, 59.872, 50.956
xyY	0.318, 0.369, 59.872
CIE-LCH	81.768, 19.012, 135.655
CIE-LUV	81.768, -11.401, 21.689
Hunter-Lab	77.377, -16.433, 15.119
Binary	10111011, 11010010, 10110010

#bbd2b2
```
#bbd2b2 rgb(187,210,178)
```
#c9b2d2
```
#c9b2d2 rgb(201,178,210)
```

Complementary Color

#cbd2b2
```
#cbd2b2 rgb(203,210,178)
```
#bbd2b2
```
#bbd2b2 rgb(187,210,178)
```
#b2d2b9
```
#b2d2b9 rgb(178,210,185)
```

Analogous Color

#d2b2cb
```
#d2b2cb rgb(210,178,203)
```
#bbd2b2
```
#bbd2b2 rgb(187,210,178)
```
#b9b2d2
```
#b9b2d2 rgb(185,178,210)
```

Split Complementary Color

#d2b2bb
```
#d2b2bb rgb(210,178,187)
```
#bbd2b2
```
#bbd2b2 rgb(187,210,178)
```
#b2bbd2
```
#b2bbd2 rgb(178,187,210)
```

Triadic Color

#d2c9b2
```
#d2c9b2 rgb(210,201,178)
```
#bbd2b2
```
#bbd2b2 rgb(187,210,178)
```
#b2bbd2
```
#b2bbd2 rgb(178,187,210)
```
#c9b2d2
```
#c9b2d2 rgb(201,178,210)
```

Tetradic Color

#90b682
```
#90b682 rgb(144,182,130)
```
#9fbf92
```
#9fbf92 rgb(159,191,146)
```
#adc9a2
```
#adc9a2 rgb(173,201,162)
```
#bbd2b2
```
#bbd2b2 rgb(187,210,178)
```
#c9dbc2
```
#c9dbc2 rgb(201,219,194)
```
#d7e5d2
```
#d7e5d2 rgb(215,229,210)
```
#e6eee2
```
#e6eee2 rgb(230,238,226)
```

Monochromatic Color

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

#c3d2b2
```
#c3d2b2 rgb(195,210,178)
```
#c0d2b2
```
#c0d2b2 rgb(192,210,178)
```
#bed2b2
```
#bed2b2 rgb(190,210,178)
```
#bbd2b2
```
#bbd2b2 rgb(187,210,178)
```
#b8d2b2
```
#b8d2b2 rgb(184,210,178)
```
#b6d2b2
```
#b6d2b2 rgb(182,210,178)
```
#b3d2b2
```
#b3d2b2 rgb(179,210,178)
```

Similar Colors

Text with hexadecimal color #bbd2b2

This text has a font color of #bbd2b2.

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

#bbd2b2 background color

This paragraph has a background color of #bbd2b2.

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

#bbd2b2 border color

This element has a border color of #bbd2b2.

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

CSS codes

.text {color:#bbd2b2;}

.background {background-color:#bbd2b2;}

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

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, #070a06 is the darkest color, while #fdfdfc is the lightest one.

#070a06
```
#070a06 rgb(7,10,6)
```
#0f160d
```
#0f160d rgb(15,22,13)
```
#182214
```
#182214 rgb(24,34,20)
```
#212f1b
```
#212f1b rgb(33,47,27)
```
#2a3b23
```
#2a3b23 rgb(42,59,35)
```
#32482a
```
#32482a rgb(50,72,42)
```
#3b5431
```
#3b5431 rgb(59,84,49)
```
#446038
```
#446038 rgb(68,96,56)
```
#4c6d40
```
#4c6d40 rgb(76,109,64)
```
#557947
```
#557947 rgb(85,121,71)
```
#5e854e
```
#5e854e rgb(94,133,78)
```
#669255
```
#669255 rgb(102,146,85)
```
#6f9e5c
```
#6f9e5c rgb(111,158,92)
```

Shade Color Variation

#79a768
```
#79a768 rgb(121,167,104)
```
#84ae74
```
#84ae74 rgb(132,174,116)
```
#8fb580
```
#8fb580 rgb(143,181,128)
```
#9abc8d
```
#9abc8d rgb(154,188,141)
```
#a5c499
```
#a5c499 rgb(165,196,153)
```
#b0cba6
```
#b0cba6 rgb(176,203,166)
```
#bbd2b2
```
#bbd2b2 rgb(187,210,178)
```
#c6d9be
```
#c6d9be rgb(198,217,190)
```
#d1e0cb
```
#d1e0cb rgb(209,224,203)
```
#dce8d7
```
#dce8d7 rgb(220,232,215)
```
#e7efe4
```
#e7efe4 rgb(231,239,228)
```
#f2f6f0
```
#f2f6f0 rgb(242,246,240)
```
#fdfdfc
```
#fdfdfc rgb(253,253,252)
```

Tint Color Variation

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

#c1c4c0
```
#c1c4c0 rgb(193,196,192)
```
#bfc9bb
```
#bfc9bb rgb(191,201,187)
```
#bdcdb7
```
#bdcdb7 rgb(189,205,183)
```
#bbd2b2
```
#bbd2b2 rgb(187,210,178)
```
#b9d7ad
```
#b9d7ad rgb(185,215,173)
```
#b7dba9
```
#b7dba9 rgb(183,219,169)
```
#b5e0a4
```
#b5e0a4 rgb(181,224,164)
```
#b3e59f
```
#b3e59f rgb(179,229,159)
```
#b1e99b
```
#b1e99b rgb(177,233,155)
```
#afee96
```
#afee96 rgb(175,238,150)
```
#adf391
```
#adf391 rgb(173,243,145)
```
#abf88c
```
#abf88c rgb(171,248,140)
```
#a9fc88
```
#a9fc88 rgb(169,252,136)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c5c9c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7cdb2 Protanopia 1% of men
#e8c7ba Deuteranopia 1% of men
#c5cedd Tritanopia 0.001% of the population

Trichromacy

#cdcfb2 Protanomaly 1% of men, 0.01% of women
#d7cbb7 Deuteranomaly 6% of men, 0.4% of women
#c1cfcd Tritanomaly 0.01% of the population

#bbd2b2 hex color

#bbd2b2 Color Information

#bbd2b2 Color Conversion

Color Schemes with #bbd2b2

Alternatives to #bbd2b2

#bbd2b2 Preview

Shades and Tints of #bbd2b2

Tones of #bbd2b2

Color Blindness Simulator