colorhexa.com

#bbdcdf hex color

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

- R 73
- G 86
- B 87
RGB color chart
- C 16
- M 1
- Y 0
- K 13
CMYK color chart

● #bbdcdf color description : Light grayish cyan.

The hexadecimal color #bbdcdf has RGB values of R:187, G:220, B:223 and CMYK values of C:0.16, M:0.01, Y:0, K:0.13. Its decimal value is 12311775.

Hex triplet	bbdcdf	`#bbdcdf`
RGB Decimal	187, 220, 223	`rgb(187,220,223)`
RGB Percent	73.3, 86.3, 87.5	`rgb(73.3%,86.3%,87.5%)`
CMYK	16, 1, 0, 13
HSL	185°, 36, 80.4	`hsl(185,36%,80.4%)`
HSV (or HSB)	185°, 16.1, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.543, -10.195, -5.114
XYZ	59.403, 67.078, 79.626
xyY	0.288, 0.325, 67.078
CIE-LCH	85.543, 11.406, 206.64
CIE-LUV	85.543, -17.441, -6.155
Hunter-Lab	81.901, -13.86, -0.312
Binary	10111011, 11011100, 11011111

#bbdcdf
```
#bbdcdf rgb(187,220,223)
```
#dfbebb
```
#dfbebb rgb(223,190,187)
```

Complementary Color

#bbdfd0
```
#bbdfd0 rgb(187,223,208)
```
#bbdcdf
```
#bbdcdf rgb(187,220,223)
```
#bbcadf
```
#bbcadf rgb(187,202,223)
```

Analogous Color

#dfd0bb
```
#dfd0bb rgb(223,208,187)
```
#bbdcdf
```
#bbdcdf rgb(187,220,223)
```
#dfbbca
```
#dfbbca rgb(223,187,202)
```

Split Complementary Color

#dcdfbb
```
#dcdfbb rgb(220,223,187)
```
#bbdcdf
```
#bbdcdf rgb(187,220,223)
```
#dfbbdc
```
#dfbbdc rgb(223,187,220)
```

Triadic Color

#bbdfbe
```
#bbdfbe rgb(187,223,190)
```
#bbdcdf
```
#bbdcdf rgb(187,220,223)
```
#dfbbdc
```
#dfbbdc rgb(223,187,220)
```
#dfbebb
```
#dfbebb rgb(223,190,187)
```

Tetradic Color

#87c1c7
```
#87c1c7 rgb(135,193,199)
```
#98cacf
```
#98cacf rgb(152,202,207)
```
#aad3d7
```
#aad3d7 rgb(170,211,215)
```
#bbdcdf
```
#bbdcdf rgb(187,220,223)
```
#cce5e7
```
#cce5e7 rgb(204,229,231)
```
#deeeef
```
#deeeef rgb(222,238,239)
```
#eff7f7
```
#eff7f7 rgb(239,247,247)
```

Monochromatic Color

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

#bbdfd9
```
#bbdfd9 rgb(187,223,217)
```
#bbdfdc
```
#bbdfdc rgb(187,223,220)
```
#bbdfdf
```
#bbdfdf rgb(187,223,223)
```
#bbdcdf
```
#bbdcdf rgb(187,220,223)
```
#bbd9df
```
#bbd9df rgb(187,217,223)
```
#bbd6df
```
#bbd6df rgb(187,214,223)
```
#bbd3df
```
#bbd3df rgb(187,211,223)
```

Similar Colors

Text with hexadecimal color #bbdcdf

This text has a font color of #bbdcdf.

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

#bbdcdf background color

This paragraph has a background color of #bbdcdf.

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

#bbdcdf border color

This element has a border color of #bbdcdf.

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

CSS codes

.text {color:#bbdcdf;}

.background {background-color:#bbdcdf;}

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

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

#060c0c
```
#060c0c rgb(6,12,12)
```
#0c1819
```
#0c1819 rgb(12,24,25)
```
#122527
```
#122527 rgb(18,37,39)
```
#183234
```
#183234 rgb(24,50,52)
```
#1f3f41
```
#1f3f41 rgb(31,63,65)
```
#254b4f
```
#254b4f rgb(37,75,79)
```
#2b585c
```
#2b585c rgb(43,88,92)
```
#326569
```
#326569 rgb(50,101,105)
```
#387277
```
#387277 rgb(56,114,119)
```
#3e7e84
```
#3e7e84 rgb(62,126,132)
```
#448b91
```
#448b91 rgb(68,139,145)
```
#4b989f
```
#4b989f rgb(75,152,159)
```
#51a5ac
```
#51a5ac rgb(81,165,172)
```

Shade Color Variation

#5eacb3
```
#5eacb3 rgb(94,172,179)
```
#6bb3b9
```
#6bb3b9 rgb(107,179,185)
```
#78bac0
```
#78bac0 rgb(120,186,192)
```
#86c1c6
```
#86c1c6 rgb(134,193,198)
```
#93c7cc
```
#93c7cc rgb(147,199,204)
```
#a0ced2
```
#a0ced2 rgb(160,206,210)
```
#aed5d9
```
#aed5d9 rgb(174,213,217)
```
#bbdcdf
```
#bbdcdf rgb(187,220,223)
```
#c8e3e5
```
#c8e3e5 rgb(200,227,229)
```
#d6eaec
```
#d6eaec rgb(214,234,236)
```
#e3f1f2
```
#e3f1f2 rgb(227,241,242)
```
#f0f7f8
```
#f0f7f8 rgb(240,247,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#cacfd0
```
#cacfd0 rgb(202,207,208)
```
#c7d2d3
```
#c7d2d3 rgb(199,210,211)
```
#c3d6d7
```
#c3d6d7 rgb(195,214,215)
```
#bfd9db
```
#bfd9db rgb(191,217,219)
```
#bbdcdf
```
#bbdcdf rgb(187,220,223)
```
#b7dfe3
```
#b7dfe3 rgb(183,223,227)
```
#b3e2e7
```
#b3e2e7 rgb(179,226,231)
```
#afe6eb
```
#afe6eb rgb(175,230,235)
```
#ace9ee
```
#ace9ee rgb(172,233,238)
```
#a8ecf2
```
#a8ecf2 rgb(168,236,242)
```
#a4eff6
```
#a4eff6 rgb(164,239,246)
```
#a0f2fa
```
#a0f2fa rgb(160,242,250)
```
#9cf6fe
```
#9cf6fe rgb(156,246,254)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#cdd4d5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9d6dc Protanopia 1% of men
#e5d2e4 Deuteranopia 1% of men
#c1dceb Tritanopia 0.001% of the population

Trichromacy

#ced8dd Protanomaly 1% of men, 0.01% of women
#d6d5e2 Deuteranomaly 6% of men, 0.4% of women
#bedce7 Tritanomaly 0.01% of the population