#bbdcc2 hex color

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

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

● #bbdcc2 color description : Light grayish lime green.

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

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

CIE-LAB	84.815, -15.826, 9.156
XYZ	55.822, 65.645, 60.766
xyY	0.306, 0.36, 65.645
CIE-LCH	84.815, 18.284, 149.948
CIE-LUV	84.815, -16.799, 16.345
Hunter-Lab	81.022, -18.806, 12.248
Binary	10111011, 11011100, 11000010

#bbdcc2
```
#bbdcc2 rgb(187,220,194)
```
#dcbbd5
```
#dcbbd5 rgb(220,187,213)
```

Complementary Color

#c5dcbb
```
#c5dcbb rgb(197,220,187)
```
#bbdcc2
```
#bbdcc2 rgb(187,220,194)
```
#bbdcd3
```
#bbdcd3 rgb(187,220,211)
```

Analogous Color

#dcbbc5
```
#dcbbc5 rgb(220,187,197)
```
#bbdcc2
```
#bbdcc2 rgb(187,220,194)
```
#d3bbdc
```
#d3bbdc rgb(211,187,220)
```

Split Complementary Color

#dcc2bb
```
#dcc2bb rgb(220,194,187)
```
#bbdcc2
```
#bbdcc2 rgb(187,220,194)
```
#c2bbdc
```
#c2bbdc rgb(194,187,220)
```

Triadic Color

#d5dcbb
```
#d5dcbb rgb(213,220,187)
```
#bbdcc2
```
#bbdcc2 rgb(187,220,194)
```
#c2bbdc
```
#c2bbdc rgb(194,187,220)
```
#dcbbd5
```
#dcbbd5 rgb(220,187,213)
```

Tetradic Color

#88c295
```
#88c295 rgb(136,194,149)
```
#99cba4
```
#99cba4 rgb(153,203,164)
```
#aad3b3
```
#aad3b3 rgb(170,211,179)
```
#bbdcc2
```
#bbdcc2 rgb(187,220,194)
```
#cce5d1
```
#cce5d1 rgb(204,229,209)
```
#ddede0
```
#ddede0 rgb(221,237,224)
```
#eef6ef
```
#eef6ef rgb(238,246,239)
```

Monochromatic Color

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

#bcdcbb
```
#bcdcbb rgb(188,220,187)
```
#bbdcbd
```
#bbdcbd rgb(187,220,189)
```
#bbdcbf
```
#bbdcbf rgb(187,220,191)
```
#bbdcc2
```
#bbdcc2 rgb(187,220,194)
```
#bbdcc5
```
#bbdcc5 rgb(187,220,197)
```
#bbdcc8
```
#bbdcc8 rgb(187,220,200)
```
#bbdcca
```
#bbdcca rgb(187,220,202)
```

Similar Colors

Text with hexadecimal color #bbdcc2

This text has a font color of #bbdcc2.

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

#bbdcc2 background color

This paragraph has a background color of #bbdcc2.

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

#bbdcc2 border color

This element has a border color of #bbdcc2.

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

CSS codes

.text {color:#bbdcc2;}

.background {background-color:#bbdcc2;}

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

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

#050a06
```
#050a06 rgb(5,10,6)
```
#0c170e
```
#0c170e rgb(12,23,14)
```
#122416
```
#122416 rgb(18,36,22)
```
#19311e
```
#19311e rgb(25,49,30)
```
#203d26
```
#203d26 rgb(32,61,38)
```
#264a2e
```
#264a2e rgb(38,74,46)
```
#2d5736
```
#2d5736 rgb(45,87,54)
```
#34643e
```
#34643e rgb(52,100,62)
```
#3a7146
```
#3a7146 rgb(58,113,70)
```
#417e4e
```
#417e4e rgb(65,126,78)
```
#488b56
```
#488b56 rgb(72,139,86)
```
#4e985e
```
#4e985e rgb(78,152,94)
```
#55a566
```
#55a566 rgb(85,165,102)
```

Shade Color Variation

#60ad71
```
#60ad71 rgb(96,173,113)
```
#6db47c
```
#6db47c rgb(109,180,124)
```
#7abb88
```
#7abb88 rgb(122,187,136)
```
#87c194
```
#87c194 rgb(135,193,148)
```
#94c89f
```
#94c89f rgb(148,200,159)
```
#a1cfab
```
#a1cfab rgb(161,207,171)
```
#aed5b6
```
#aed5b6 rgb(174,213,182)
```
#bbdcc2
```
#bbdcc2 rgb(187,220,194)
```
#c8e3ce
```
#c8e3ce rgb(200,227,206)
```
#d5e9d9
```
#d5e9d9 rgb(213,233,217)
```
#e2f0e5
```
#e2f0e5 rgb(226,240,229)
```
#eff7f0
```
#eff7f0 rgb(239,247,240)
```
#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 #9bfcb0 is the most saturated one.

#cbcccb
```
#cbcccb rgb(203,204,203)
```
#c7d0c9
```
#c7d0c9 rgb(199,208,201)
```
#c3d4c7
```
#c3d4c7 rgb(195,212,199)
```
#bfd8c4
```
#bfd8c4 rgb(191,216,196)
```
#bbdcc2
```
#bbdcc2 rgb(187,220,194)
```
#b7e0c0
```
#b7e0c0 rgb(183,224,192)
```
#b3e4bd
```
#b3e4bd rgb(179,228,189)
```
#afe8bb
```
#afe8bb rgb(175,232,187)
```
#abecb9
```
#abecb9 rgb(171,236,185)
```
#a7f0b7
```
#a7f0b7 rgb(167,240,183)
```
#a3f4b4
```
#a3f4b4 rgb(163,244,180)
```
#9ff8b2
```
#9ff8b2 rgb(159,248,178)
```
#9bfcb0
```
#9bfcb0 rgb(155,252,176)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#cbd2cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#ded5c1 Protanopia 1% of men
#eecfc9 Deuteranopia 1% of men
#c5d8e8 Tritanopia 0.001% of the population

Trichromacy

#d1d7c1 Protanomaly 1% of men, 0.01% of women
#dbd3c7 Deuteranomaly 6% of men, 0.4% of women
#c1d9da Tritanomaly 0.01% of the population

#bbdcc2 hex color

#bbdcc2 Color Information

#bbdcc2 Color Conversion

Color Schemes with #bbdcc2

Alternatives to #bbdcc2

#bbdcc2 Preview

Shades and Tints of #bbdcc2

Tones of #bbdcc2

Color Blindness Simulator