#bbdcbb hex color

In a RGB color space, hex #bbdcbb is composed of 73.3% red, 86.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 0% magenta, 15% yellow and 13.7% black. It has a hue angle of 120 degrees, a saturation of 32% and a lightness of 79.8%. #bbdcbb color hex could be obtained by blending #ffffff with #77b977. Closest websafe color is: #cccccc.

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

● #bbdcbb color description : Light grayish lime green.

The hexadecimal color #bbdcbb has RGB values of R:187, G:220, B:187 and CMYK values of C:0.15, M:0, Y:0.15, K:0.14. Its decimal value is 12311739.

Hex triplet	bbdcbb	`#bbdcbb`
RGB Decimal	187, 220, 187	`rgb(187,220,187)`
RGB Percent	73.3, 86.3, 73.3	`rgb(73.3%,86.3%,73.3%)`
CMYK	15, 0, 15, 14
HSL	120°, 32, 79.8	`hsl(120,32%,79.8%)`
HSV (or HSB)	120°, 15, 86.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.658, -17.076, 12.621
XYZ	55.054, 65.338, 56.722
xyY	0.311, 0.369, 65.338
CIE-LCH	84.658, 21.234, 143.531
CIE-LUV	84.658, -16.653, 21.514
Hunter-Lab	80.832, -19.881, 14.977
Binary	10111011, 11011100, 10111011

#bbdcbb
```
#bbdcbb rgb(187,220,187)
```
#dcbbdc
```
#dcbbdc rgb(220,187,220)
```

Complementary Color

#ccdcbb
```
#ccdcbb rgb(204,220,187)
```
#bbdcbb
```
#bbdcbb rgb(187,220,187)
```
#bbdccc
```
#bbdccc rgb(187,220,204)
```

Analogous Color

#dcbbcc
```
#dcbbcc rgb(220,187,204)
```
#bbdcbb
```
#bbdcbb rgb(187,220,187)
```
#ccbbdc
```
#ccbbdc rgb(204,187,220)
```

Split Complementary Color

#dcbbbb
```
#dcbbbb rgb(220,187,187)
```
#bbdcbb
```
#bbdcbb rgb(187,220,187)
```
#bbbbdc
```
#bbbbdc rgb(187,187,220)
```

Triadic Color

#dcdcbb
```
#dcdcbb rgb(220,220,187)
```
#bbdcbb
```
#bbdcbb rgb(187,220,187)
```
#bbbbdc
```
#bbbbdc rgb(187,187,220)
```
#dcbbdc
```
#dcbbdc rgb(220,187,220)
```

Tetradic Color

#88c288
```
#88c288 rgb(136,194,136)
```
#99cb99
```
#99cb99 rgb(153,203,153)
```
#aad3aa
```
#aad3aa rgb(170,211,170)
```
#bbdcbb
```
#bbdcbb rgb(187,220,187)
```
#cce5cc
```
#cce5cc rgb(204,229,204)
```
#ddeddd
```
#ddeddd rgb(221,237,221)
```
#eef6ee
```
#eef6ee rgb(238,246,238)
```

Monochromatic Color

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

#c3dcbb
```
#c3dcbb rgb(195,220,187)
```
#c1dcbb
```
#c1dcbb rgb(193,220,187)
```
#bedcbb
```
#bedcbb rgb(190,220,187)
```
#bbdcbb
```
#bbdcbb rgb(187,220,187)
```
#bbdcbe
```
#bbdcbe rgb(187,220,190)
```
#bbdcc1
```
#bbdcc1 rgb(187,220,193)
```
#bbdcc3
```
#bbdcc3 rgb(187,220,195)
```

Similar Colors

Text with hexadecimal color #bbdcbb

This text has a font color of #bbdcbb.

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

#bbdcbb background color

This paragraph has a background color of #bbdcbb.

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

#bbdcbb border color

This element has a border color of #bbdcbb.

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

CSS codes

.text {color:#bbdcbb;}

.background {background-color:#bbdcbb;}

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

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, #050a05 is the darkest color, while #fcfdfc is the lightest one.

#050a05
```
#050a05 rgb(5,10,5)
```
#0c170c
```
#0c170c rgb(12,23,12)
```
#122412
```
#122412 rgb(18,36,18)
```
#193119
```
#193119 rgb(25,49,25)
```
#203d20
```
#203d20 rgb(32,61,32)
```
#264a26
```
#264a26 rgb(38,74,38)
```
#2d572d
```
#2d572d rgb(45,87,45)
```
#346434
```
#346434 rgb(52,100,52)
```
#3a713a
```
#3a713a rgb(58,113,58)
```
#417e41
```
#417e41 rgb(65,126,65)
```
#488b48
```
#488b48 rgb(72,139,72)
```
#4e984e
```
#4e984e rgb(78,152,78)
```
#55a555
```
#55a555 rgb(85,165,85)
```

Shade Color Variation

#60ad60
```
#60ad60 rgb(96,173,96)
```
#6db46d
```
#6db46d rgb(109,180,109)
```
#7abb7a
```
#7abb7a rgb(122,187,122)
```
#87c187
```
#87c187 rgb(135,193,135)
```
#94c894
```
#94c894 rgb(148,200,148)
```
#a1cfa1
```
#a1cfa1 rgb(161,207,161)
```
#aed5ae
```
#aed5ae rgb(174,213,174)
```
#bbdcbb
```
#bbdcbb rgb(187,220,187)
```
#c8e3c8
```
#c8e3c8 rgb(200,227,200)
```
#d5e9d5
```
#d5e9d5 rgb(213,233,213)
```
#e2f0e2
```
#e2f0e2 rgb(226,240,226)
```
#eff7ef
```
#eff7ef rgb(239,247,239)
```
#fcfdfc
```
#fcfdfc rgb(252,253,252)
```

Tint Color Variation

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

#cbcccb
```
#cbcccb rgb(203,204,203)
```
#c7d0c7
```
#c7d0c7 rgb(199,208,199)
```
#c3d4c3
```
#c3d4c3 rgb(195,212,195)
```
#bfd8bf
```
#bfd8bf rgb(191,216,191)
```
#bbdcbb
```
#bbdcbb rgb(187,220,187)
```
#b7e0b7
```
#b7e0b7 rgb(183,224,183)
```
#b3e4b3
```
#b3e4b3 rgb(179,228,179)
```
#afe8af
```
#afe8af rgb(175,232,175)
```
#abecab
```
#abecab rgb(171,236,171)
```
#a7f0a7
```
#a7f0a7 rgb(167,240,167)
```
#a3f4a3
```
#a3f4a3 rgb(163,244,163)
```
#9ff89f
```
#9ff89f rgb(159,248,159)
```
#9bfc9b
```
#9bfc9b rgb(155,252,155)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#cad1ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfd4ba Protanopia 1% of men
#f0cec3 Deuteranopia 1% of men
#c6d7e7 Tritanopia 0.001% of the population

Trichromacy

#d2d7ba Protanomaly 1% of men, 0.01% of women
#dcd3c0 Deuteranomaly 6% of men, 0.4% of women
#c2d9d7 Tritanomaly 0.01% of the population

#bbdcbb hex color

#bbdcbb Color Information

#bbdcbb Color Conversion

Color Schemes with #bbdcbb

Alternatives to #bbdcbb

#bbdcbb Preview

Shades and Tints of #bbdcbb

Tones of #bbdcbb

Color Blindness Simulator