#bbd8bb hex color

In a RGB color space, hex #bbd8bb is composed of 73.3% red, 84.7% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 13.4% cyan, 0% magenta, 13.4% yellow and 15.3% black. It has a hue angle of 120 degrees, a saturation of 27.1% and a lightness of 79%. #bbd8bb color hex could be obtained by blending #ffffff with #77b177. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 85
- B 73
RGB color chart
- C 13
- M 0
- Y 13
- K 15
CMYK color chart

● #bbd8bb color description : Grayish lime green.

The hexadecimal color #bbd8bb has RGB values of R:187, G:216, B:187 and CMYK values of C:0.13, M:0, Y:0.13, K:0.15. Its decimal value is 12310715.

Hex triplet	bbd8bb	`#bbd8bb`
RGB Decimal	187, 216, 187	`rgb(187,216,187)`
RGB Percent	73.3, 84.7, 73.3	`rgb(73.3%,84.7%,73.3%)`
CMYK	13, 0, 13, 15
HSL	120°, 27.1, 79	`hsl(120,27.1%,79%)`
HSV (or HSB)	120°, 13.4, 84.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.581, -15.069, 11.092
XYZ	54.017, 63.264, 56.376
xyY	0.311, 0.364, 63.264
CIE-LCH	83.581, 18.711, 143.642
CIE-LUV	83.581, -14.665, 18.944
Hunter-Lab	79.538, -17.967, 13.653
Binary	10111011, 11011000, 10111011

#bbd8bb
```
#bbd8bb rgb(187,216,187)
```
#d8bbd8
```
#d8bbd8 rgb(216,187,216)
```

Complementary Color

#cad8bb
```
#cad8bb rgb(202,216,187)
```
#bbd8bb
```
#bbd8bb rgb(187,216,187)
```
#bbd8ca
```
#bbd8ca rgb(187,216,202)
```

Analogous Color

#d8bbca
```
#d8bbca rgb(216,187,202)
```
#bbd8bb
```
#bbd8bb rgb(187,216,187)
```
#cabbd8
```
#cabbd8 rgb(202,187,216)
```

Split Complementary Color

#d8bbbb
```
#d8bbbb rgb(216,187,187)
```
#bbd8bb
```
#bbd8bb rgb(187,216,187)
```
#bbbbd8
```
#bbbbd8 rgb(187,187,216)
```

Triadic Color

#d8d8bb
```
#d8d8bb rgb(216,216,187)
```
#bbd8bb
```
#bbd8bb rgb(187,216,187)
```
#bbbbd8
```
#bbbbd8 rgb(187,187,216)
```
#d8bbd8
```
#d8bbd8 rgb(216,187,216)
```

Tetradic Color

#8abc8a
```
#8abc8a rgb(138,188,138)
```
#9bc59b
```
#9bc59b rgb(155,197,155)
```
#abcfab
```
#abcfab rgb(171,207,171)
```
#bbd8bb
```
#bbd8bb rgb(187,216,187)
```
#cbe1cb
```
#cbe1cb rgb(203,225,203)
```
#dbebdb
```
#dbebdb rgb(219,235,219)
```
#ecf4ec
```
#ecf4ec rgb(236,244,236)
```

Monochromatic Color

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

#c2d8bb
```
#c2d8bb rgb(194,216,187)
```
#c0d8bb
```
#c0d8bb rgb(192,216,187)
```
#bdd8bb
```
#bdd8bb rgb(189,216,187)
```
#bbd8bb
```
#bbd8bb rgb(187,216,187)
```
#bbd8bd
```
#bbd8bd rgb(187,216,189)
```
#bbd8c0
```
#bbd8c0 rgb(187,216,192)
```
#bbd8c2
```
#bbd8c2 rgb(187,216,194)
```

Similar Colors

Text with hexadecimal color #bbd8bb

This text has a font color of #bbd8bb.

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

#bbd8bb background color

This paragraph has a background color of #bbd8bb.

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

#bbd8bb border color

This element has a border color of #bbd8bb.

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

CSS codes

.text {color:#bbd8bb;}

.background {background-color:#bbd8bb;}

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

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

#040704
```
#040704 rgb(4,7,4)
```
#0b130b
```
#0b130b rgb(11,19,11)
```
#122012
```
#122012 rgb(18,32,18)
```
#192c19
```
#192c19 rgb(25,44,25)
```
#203920
```
#203920 rgb(32,57,32)
```
#284528
```
#284528 rgb(40,69,40)
```
#2f522f
```
#2f522f rgb(47,82,47)
```
#365e36
```
#365e36 rgb(54,94,54)
```
#3d6b3d
```
#3d6b3d rgb(61,107,61)
```
#447744
```
#447744 rgb(68,119,68)
```
#4b834b
```
#4b834b rgb(75,131,75)
```
#539053
```
#539053 rgb(83,144,83)
```
#5a9c5a
```
#5a9c5a rgb(90,156,90)
```

Shade Color Variation

#64a664
```
#64a664 rgb(100,166,100)
```
#70ad70
```
#70ad70 rgb(112,173,112)
```
#7db47d
```
#7db47d rgb(125,180,125)
```
#89bb89
```
#89bb89 rgb(137,187,137)
```
#96c396
```
#96c396 rgb(150,195,150)
```
#a2caa2
```
#a2caa2 rgb(162,202,162)
```
#afd1af
```
#afd1af rgb(175,209,175)
```
#bbd8bb
```
#bbd8bb rgb(187,216,187)
```
#c7dfc7
```
#c7dfc7 rgb(199,223,199)
```
#d4e6d4
```
#d4e6d4 rgb(212,230,212)
```
#e0ede0
```
#e0ede0 rgb(224,237,224)
```
#edf5ed
```
#edf5ed rgb(237,245,237)
```
#f9fcf9
```
#f9fcf9 rgb(249,252,249)
```

Tint Color Variation

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

#c7ccc7
```
#c7ccc7 rgb(199,204,199)
```
#c3d0c3
```
#c3d0c3 rgb(195,208,195)
```
#bfd4bf
```
#bfd4bf rgb(191,212,191)
```
#bbd8bb
```
#bbd8bb rgb(187,216,187)
```
#b7dcb7
```
#b7dcb7 rgb(183,220,183)
```
#b3e0b3
```
#b3e0b3 rgb(179,224,179)
```
#afe4af
```
#afe4af rgb(175,228,175)
```
#abe8ab
```
#abe8ab rgb(171,232,171)
```
#a6eda6
```
#a6eda6 rgb(166,237,166)
```
#a2f1a2
```
#a2f1a2 rgb(162,241,162)
```
#9ef59e
```
#9ef59e rgb(158,245,158)
```
#9af99a
```
#9af99a rgb(154,249,154)
```
#96fd96
```
#96fd96 rgb(150,253,150)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c9cec9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcd2ba Protanopia 1% of men
#eccbc3 Deuteranopia 1% of men
#c5d4e3 Tritanopia 0.001% of the population

Trichromacy

#d0d4ba Protanomaly 1% of men, 0.01% of women
#dad0c0 Deuteranomaly 6% of men, 0.4% of women
#c1d5d4 Tritanomaly 0.01% of the population

#bbd8bb hex color

#bbd8bb Color Information

#bbd8bb Color Conversion

Color Schemes with #bbd8bb

Alternatives to #bbd8bb

#bbd8bb Preview

Shades and Tints of #bbd8bb

Tones of #bbd8bb

Color Blindness Simulator