#bbd3b2 hex color

In a RGB color space, hex #bbd3b2 is composed of 73.3% red, 82.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 11.4% cyan, 0% magenta, 15.6% yellow and 17.3% black. It has a hue angle of 103.6 degrees, a saturation of 27.3% and a lightness of 76.3%. #bbd3b2 color hex could be obtained by blending #ffffff with #77a765. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 73
- G 83
- B 70
RGB color chart
- C 11
- M 0
- Y 16
- K 17
CMYK color chart

● #bbd3b2 color description : Grayish green.

The hexadecimal color #bbd3b2 has RGB values of R:187, G:211, B:178 and CMYK values of C:0.11, M:0, Y:0.16, K:0.17. Its decimal value is 12309426.

Hex triplet	bbd3b2	`#bbd3b2`
RGB Decimal	187, 211, 178	`rgb(187,211,178)`
RGB Percent	73.3, 82.7, 69.8	`rgb(73.3%,82.7%,69.8%)`
CMYK	11, 0, 16, 17
HSL	103.6°, 27.3, 76.3	`hsl(103.6,27.3%,76.3%)`
HSV (or HSB)	103.6°, 15.6, 82.7
Web Safe	cccc99	`#cccc99`

CIE-LAB	82.037, -14.103, 13.668
XYZ	51.822, 60.367, 51.039
xyY	0.317, 0.37, 60.367
CIE-LCH	82.037, 19.64, 135.897
CIE-LUV	82.037, -11.912, 22.322
Hunter-Lab	77.696, -16.912, 15.44
Binary	10111011, 11010011, 10110010

#bbd3b2
```
#bbd3b2 rgb(187,211,178)
```
#cab2d3
```
#cab2d3 rgb(202,178,211)
```

Complementary Color

#ccd3b2
```
#ccd3b2 rgb(204,211,178)
```
#bbd3b2
```
#bbd3b2 rgb(187,211,178)
```
#b2d3ba
```
#b2d3ba rgb(178,211,186)
```

Analogous Color

#d3b2cc
```
#d3b2cc rgb(211,178,204)
```
#bbd3b2
```
#bbd3b2 rgb(187,211,178)
```
#bab2d3
```
#bab2d3 rgb(186,178,211)
```

Split Complementary Color

#d3b2bb
```
#d3b2bb rgb(211,178,187)
```
#bbd3b2
```
#bbd3b2 rgb(187,211,178)
```
#b2bbd3
```
#b2bbd3 rgb(178,187,211)
```

Triadic Color

#d3cab2
```
#d3cab2 rgb(211,202,178)
```
#bbd3b2
```
#bbd3b2 rgb(187,211,178)
```
#b2bbd3
```
#b2bbd3 rgb(178,187,211)
```
#cab2d3
```
#cab2d3 rgb(202,178,211)
```

Tetradic Color

#90b781
```
#90b781 rgb(144,183,129)
```
#9ec092
```
#9ec092 rgb(158,192,146)
```
#adcaa2
```
#adcaa2 rgb(173,202,162)
```
#bbd3b2
```
#bbd3b2 rgb(187,211,178)
```
#c9dcc2
```
#c9dcc2 rgb(201,220,194)
```
#d8e6d2
```
#d8e6d2 rgb(216,230,210)
```
#e6efe3
```
#e6efe3 rgb(230,239,227)
```

Monochromatic Color

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

#c3d3b2
```
#c3d3b2 rgb(195,211,178)
```
#c1d3b2
```
#c1d3b2 rgb(193,211,178)
```
#bed3b2
```
#bed3b2 rgb(190,211,178)
```
#bbd3b2
```
#bbd3b2 rgb(187,211,178)
```
#b8d3b2
```
#b8d3b2 rgb(184,211,178)
```
#b6d3b2
```
#b6d3b2 rgb(182,211,178)
```
#b3d3b2
```
#b3d3b2 rgb(179,211,178)
```

Similar Colors

Text with hexadecimal color #bbd3b2

This text has a font color of #bbd3b2.

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

#bbd3b2 background color

This paragraph has a background color of #bbd3b2.

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

#bbd3b2 border color

This element has a border color of #bbd3b2.

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

CSS codes

.text {color:#bbd3b2;}

.background {background-color:#bbd3b2;}

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

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 #fdfefd is the lightest one.

#070a06
```
#070a06 rgb(7,10,6)
```
#10170d
```
#10170d rgb(16,23,13)
```
#182314
```
#182314 rgb(24,35,20)
```
#21301b
```
#21301b rgb(33,48,27)
```
#2a3c22
```
#2a3c22 rgb(42,60,34)
```
#32492a
```
#32492a rgb(50,73,42)
```
#3b5531
```
#3b5531 rgb(59,85,49)
```
#436238
```
#436238 rgb(67,98,56)
```
#4c6e3f
```
#4c6e3f rgb(76,110,63)
```
#547b46
```
#547b46 rgb(84,123,70)
```
#5d874d
```
#5d874d rgb(93,135,77)
```
#669454
```
#669454 rgb(102,148,84)
```
#6ea05c
```
#6ea05c rgb(110,160,92)
```

Shade Color Variation

#79a867
```
#79a867 rgb(121,168,103)
```
#84af74
```
#84af74 rgb(132,175,116)
```
#8fb680
```
#8fb680 rgb(143,182,128)
```
#9abe8d
```
#9abe8d rgb(154,190,141)
```
#a5c599
```
#a5c599 rgb(165,197,153)
```
#b0cca6
```
#b0cca6 rgb(176,204,166)
```
#bbd3b2
```
#bbd3b2 rgb(187,211,178)
```
#c6dabe
```
#c6dabe rgb(198,218,190)
```
#d1e1cb
```
#d1e1cb rgb(209,225,203)
```
#dce8d7
```
#dce8d7 rgb(220,232,215)
```
#e7f0e4
```
#e7f0e4 rgb(231,240,228)
```
#f2f7f0
```
#f2f7f0 rgb(242,247,240)
```
#fdfefd
```
#fdfefd rgb(253,254,253)
```

Tint Color Variation

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

#c1c5c0
```
#c1c5c0 rgb(193,197,192)
```
#bfcabb
```
#bfcabb rgb(191,202,187)
```
#bdceb7
```
#bdceb7 rgb(189,206,183)
```
#bbd3b2
```
#bbd3b2 rgb(187,211,178)
```
#b9d8ad
```
#b9d8ad rgb(185,216,173)
```
#b7dca9
```
#b7dca9 rgb(183,220,169)
```
#b5e1a4
```
#b5e1a4 rgb(181,225,164)
```
#b3e69f
```
#b3e69f rgb(179,230,159)
```
#b0ea9b
```
#b0ea9b rgb(176,234,155)
```
#aeef96
```
#aeef96 rgb(174,239,150)
```
#acf491
```
#acf491 rgb(172,244,145)
```
#aaf88d
```
#aaf88d rgb(170,248,141)
```
#a8fd88
```
#a8fd88 rgb(168,253,136)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c5cac4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8ceb2 Protanopia 1% of men
#e9c7ba Deuteranopia 1% of men
#c6cfde Tritanopia 0.001% of the population

Trichromacy

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

#bbd3b2 hex color

#bbd3b2 Color Information

#bbd3b2 Color Conversion

Color Schemes with #bbd3b2

Alternatives to #bbd3b2

#bbd3b2 Preview

Shades and Tints of #bbd3b2

Tones of #bbd3b2

Color Blindness Simulator