#bbdcc6 hex color

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

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

● #bbdcc6 color description : Light grayish cyan - lime green.

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

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

CIE-LAB	84.908, -15.092, 7.178
XYZ	56.277, 65.827, 63.164
xyY	0.304, 0.355, 65.827
CIE-LCH	84.908, 16.712, 154.562
CIE-LUV	84.908, -16.884, 13.34
Hunter-Lab	81.134, -18.171, 10.636
Binary	10111011, 11011100, 11000110

#bbdcc6
```
#bbdcc6 rgb(187,220,198)
```
#dcbbd1
```
#dcbbd1 rgb(220,187,209)
```

Complementary Color

#c1dcbb
```
#c1dcbb rgb(193,220,187)
```
#bbdcc6
```
#bbdcc6 rgb(187,220,198)
```
#bbdcd7
```
#bbdcd7 rgb(187,220,215)
```

Analogous Color

#dcbbc1
```
#dcbbc1 rgb(220,187,193)
```
#bbdcc6
```
#bbdcc6 rgb(187,220,198)
```
#d7bbdc
```
#d7bbdc rgb(215,187,220)
```

Split Complementary Color

#dcc6bb
```
#dcc6bb rgb(220,198,187)
```
#bbdcc6
```
#bbdcc6 rgb(187,220,198)
```
#c6bbdc
```
#c6bbdc rgb(198,187,220)
```

Triadic Color

#d1dcbb
```
#d1dcbb rgb(209,220,187)
```
#bbdcc6
```
#bbdcc6 rgb(187,220,198)
```
#c6bbdc
```
#c6bbdc rgb(198,187,220)
```
#dcbbd1
```
#dcbbd1 rgb(220,187,209)
```

Tetradic Color

#88c29c
```
#88c29c rgb(136,194,156)
```
#99cbaa
```
#99cbaa rgb(153,203,170)
```
#aad3b8
```
#aad3b8 rgb(170,211,184)
```
#bbdcc6
```
#bbdcc6 rgb(187,220,198)
```
#cce5d4
```
#cce5d4 rgb(204,229,212)
```
#ddede2
```
#ddede2 rgb(221,237,226)
```
#eef6f0
```
#eef6f0 rgb(238,246,240)
```

Monochromatic Color

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

#bbdcbe
```
#bbdcbe rgb(187,220,190)
```
#bbdcc1
```
#bbdcc1 rgb(187,220,193)
```
#bbdcc3
```
#bbdcc3 rgb(187,220,195)
```
#bbdcc6
```
#bbdcc6 rgb(187,220,198)
```
#bbdcc9
```
#bbdcc9 rgb(187,220,201)
```
#bbdccc
```
#bbdccc rgb(187,220,204)
```
#bbdcce
```
#bbdcce rgb(187,220,206)
```

Similar Colors

Text with hexadecimal color #bbdcc6

This text has a font color of #bbdcc6.

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

#bbdcc6 background color

This paragraph has a background color of #bbdcc6.

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

#bbdcc6 border color

This element has a border color of #bbdcc6.

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

CSS codes

.text {color:#bbdcc6;}

.background {background-color:#bbdcc6;}

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

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

#050a07
```
#050a07 rgb(5,10,7)
```
#0c170f
```
#0c170f rgb(12,23,15)
```
#122418
```
#122418 rgb(18,36,24)
```
#193121
```
#193121 rgb(25,49,33)
```
#203d2a
```
#203d2a rgb(32,61,42)
```
#264a32
```
#264a32 rgb(38,74,50)
```
#2d573b
```
#2d573b rgb(45,87,59)
```
#346444
```
#346444 rgb(52,100,68)
```
#3a714d
```
#3a714d rgb(58,113,77)
```
#417e55
```
#417e55 rgb(65,126,85)
```
#488b5e
```
#488b5e rgb(72,139,94)
```
#4e9867
```
#4e9867 rgb(78,152,103)
```
#55a570
```
#55a570 rgb(85,165,112)
```

Shade Color Variation

#60ad7a
```
#60ad7a rgb(96,173,122)
```
#6db485
```
#6db485 rgb(109,180,133)
```
#7abb90
```
#7abb90 rgb(122,187,144)
```
#87c19b
```
#87c19b rgb(135,193,155)
```
#94c8a5
```
#94c8a5 rgb(148,200,165)
```
#a1cfb0
```
#a1cfb0 rgb(161,207,176)
```
#aed5bb
```
#aed5bb rgb(174,213,187)
```
#bbdcc6
```
#bbdcc6 rgb(187,220,198)
```
#c8e3d1
```
#c8e3d1 rgb(200,227,209)
```
#d5e9dc
```
#d5e9dc rgb(213,233,220)
```
#e2f0e7
```
#e2f0e7 rgb(226,240,231)
```
#eff7f1
```
#eff7f1 rgb(239,247,241)
```
#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 #9bfcbb is the most saturated one.

#cbcccb
```
#cbcccb rgb(203,204,203)
```
#c7d0ca
```
#c7d0ca rgb(199,208,202)
```
#c3d4c9
```
#c3d4c9 rgb(195,212,201)
```
#bfd8c7
```
#bfd8c7 rgb(191,216,199)
```
#bbdcc6
```
#bbdcc6 rgb(187,220,198)
```
#b7e0c5
```
#b7e0c5 rgb(183,224,197)
```
#b3e4c3
```
#b3e4c3 rgb(179,228,195)
```
#afe8c2
```
#afe8c2 rgb(175,232,194)
```
#abecc1
```
#abecc1 rgb(171,236,193)
```
#a7f0bf
```
#a7f0bf rgb(167,240,191)
```
#a3f4be
```
#a3f4be rgb(163,244,190)
```
#9ff8bd
```
#9ff8bd rgb(159,248,189)
```
#9bfcbb
```
#9bfcbb rgb(155,252,187)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#ccd2ce Atypical Achromatopsia 0.001% of the population

Dichromacy

#ded5c4 Protanopia 1% of men
#edcfcd Deuteranopia 1% of men
#c5d9e8 Tritanopia 0.001% of the population

Trichromacy

#d1d7c5 Protanomaly 1% of men, 0.01% of women
#dbd4ca Deuteranomaly 6% of men, 0.4% of women
#c1dadc Tritanomaly 0.01% of the population

#bbdcc6 hex color

#bbdcc6 Color Information

#bbdcc6 Color Conversion

Color Schemes with #bbdcc6

Alternatives to #bbdcc6

#bbdcc6 Preview

Shades and Tints of #bbdcc6

Tones of #bbdcc6

Color Blindness Simulator