#bbdfdb hex color

In a RGB color space, hex #bbdfdb is composed of 73.3% red, 87.5% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 16.1% cyan, 0% magenta, 1.8% yellow and 12.5% black. It has a hue angle of 173.3 degrees, a saturation of 36% and a lightness of 80.4%. #bbdfdb color hex could be obtained by blending #ffffff with #77bfb7. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 87
- B 86
RGB color chart
- C 16
- M 0
- Y 2
- K 13
CMYK color chart

● #bbdfdb color description : Light grayish cyan.

The hexadecimal color #bbdfdb has RGB values of R:187, G:223, B:219 and CMYK values of C:0.16, M:0, Y:0.02, K:0.13. Its decimal value is 12312539.

Hex triplet	bbdfdb	`#bbdfdb`
RGB Decimal	187, 223, 219	`rgb(187,223,219)`
RGB Percent	73.3, 87.5, 85.9	`rgb(73.3%,87.5%,85.9%)`
CMYK	16, 0, 2, 13
HSL	173.3°, 36, 80.4	`hsl(173.3,36%,80.4%)`
HSV (or HSB)	173.3°, 16.1, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	86.233, -12.541, -1.987
XYZ	59.664, 68.453, 77.083
xyY	0.291, 0.334, 68.453
CIE-LCH	86.233, 12.697, 189.003
CIE-LUV	86.233, -18.749, -0.896
Hunter-Lab	82.737, -16.066, 2.677
Binary	10111011, 11011111, 11011011

#bbdfdb
```
#bbdfdb rgb(187,223,219)
```
#dfbbbf
```
#dfbbbf rgb(223,187,191)
```

Complementary Color

#bbdfc9
```
#bbdfc9 rgb(187,223,201)
```
#bbdfdb
```
#bbdfdb rgb(187,223,219)
```
#bbd1df
```
#bbd1df rgb(187,209,223)
```

Analogous Color

#dfc9bb
```
#dfc9bb rgb(223,201,187)
```
#bbdfdb
```
#bbdfdb rgb(187,223,219)
```
#dfbbd1
```
#dfbbd1 rgb(223,187,209)
```

Split Complementary Color

#dfdbbb
```
#dfdbbb rgb(223,219,187)
```
#bbdfdb
```
#bbdfdb rgb(187,223,219)
```
#dbbbdf
```
#dbbbdf rgb(219,187,223)
```

Triadic Color

#bfdfbb
```
#bfdfbb rgb(191,223,187)
```
#bbdfdb
```
#bbdfdb rgb(187,223,219)
```
#dbbbdf
```
#dbbbdf rgb(219,187,223)
```
#dfbbbf
```
#dfbbbf rgb(223,187,191)
```

Tetradic Color

#87c7bf
```
#87c7bf rgb(135,199,191)
```
#98cfc9
```
#98cfc9 rgb(152,207,201)
```
#aad7d2
```
#aad7d2 rgb(170,215,210)
```
#bbdfdb
```
#bbdfdb rgb(187,223,219)
```
#cce7e4
```
#cce7e4 rgb(204,231,228)
```
#deefed
```
#deefed rgb(222,239,237)
```
#eff7f7
```
#eff7f7 rgb(239,247,247)
```

Monochromatic Color

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

#bbdfd2
```
#bbdfd2 rgb(187,223,210)
```
#bbdfd5
```
#bbdfd5 rgb(187,223,213)
```
#bbdfd8
```
#bbdfd8 rgb(187,223,216)
```
#bbdfdb
```
#bbdfdb rgb(187,223,219)
```
#bbdfde
```
#bbdfde rgb(187,223,222)
```
#bbdddf
```
#bbdddf rgb(187,221,223)
```
#bbdadf
```
#bbdadf rgb(187,218,223)
```

Similar Colors

Text with hexadecimal color #bbdfdb

This text has a font color of #bbdfdb.

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

#bbdfdb background color

This paragraph has a background color of #bbdfdb.

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

#bbdfdb border color

This element has a border color of #bbdfdb.

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

CSS codes

.text {color:#bbdfdb;}

.background {background-color:#bbdfdb;}

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

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, #060c0b is the darkest color, while #fefefe is the lightest one.

#060c0b
```
#060c0b rgb(6,12,11)
```
#0c1918
```
#0c1918 rgb(12,25,24)
```
#122724
```
#122724 rgb(18,39,36)
```
#183431
```
#183431 rgb(24,52,49)
```
#1f413e
```
#1f413e rgb(31,65,62)
```
#254f4a
```
#254f4a rgb(37,79,74)
```
#2b5c57
```
#2b5c57 rgb(43,92,87)
```
#326963
```
#326963 rgb(50,105,99)
```
#387770
```
#387770 rgb(56,119,112)
```
#3e847c
```
#3e847c rgb(62,132,124)
```
#449189
```
#449189 rgb(68,145,137)
```
#4b9f95
```
#4b9f95 rgb(75,159,149)
```
#51aca2
```
#51aca2 rgb(81,172,162)
```

Shade Color Variation

#5eb3aa
```
#5eb3aa rgb(94,179,170)
```
#6bb9b1
```
#6bb9b1 rgb(107,185,177)
```
#78c0b8
```
#78c0b8 rgb(120,192,184)
```
#86c6bf
```
#86c6bf rgb(134,198,191)
```
#93ccc6
```
#93ccc6 rgb(147,204,198)
```
#a0d2cd
```
#a0d2cd rgb(160,210,205)
```
#aed9d4
```
#aed9d4 rgb(174,217,212)
```
#bbdfdb
```
#bbdfdb rgb(187,223,219)
```
#c8e5e2
```
#c8e5e2 rgb(200,229,226)
```
#d6ece9
```
#d6ece9 rgb(214,236,233)
```
#e3f2f0
```
#e3f2f0 rgb(227,242,240)
```
#f0f8f7
```
#f0f8f7 rgb(240,248,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#cad0cf
```
#cad0cf rgb(202,208,207)
```
#c7d3d2
```
#c7d3d2 rgb(199,211,210)
```
#c3d7d5
```
#c3d7d5 rgb(195,215,213)
```
#bfdbd8
```
#bfdbd8 rgb(191,219,216)
```
#bbdfdb
```
#bbdfdb rgb(187,223,219)
```
#b7e3de
```
#b7e3de rgb(183,227,222)
```
#b3e7e1
```
#b3e7e1 rgb(179,231,225)
```
#afebe4
```
#afebe4 rgb(175,235,228)
```
#aceee7
```
#aceee7 rgb(172,238,231)
```
#a8f2ea
```
#a8f2ea rgb(168,242,234)
```
#a4f6ed
```
#a4f6ed rgb(164,246,237)
```
#a0faf0
```
#a0faf0 rgb(160,250,240)
```
#9cfef3
```
#9cfef3 rgb(156,254,243)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#cfd6d5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddd8d8 Protanopia 1% of men
#ead3e1 Deuteranopia 1% of men
#c2dded Tritanopia 0.001% of the population

Trichromacy

#d0dbd9 Protanomaly 1% of men, 0.01% of women
#d9d7de Deuteranomaly 6% of men, 0.4% of women
#bfdee7 Tritanomaly 0.01% of the population

#bbdfdb hex color

#bbdfdb Color Information

#bbdfdb Color Conversion

Color Schemes with #bbdfdb

Alternatives to #bbdfdb

#bbdfdb Preview

Shades and Tints of #bbdfdb

Tones of #bbdfdb

Color Blindness Simulator