#bbdddf hex color

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

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

● #bbdddf color description : Light grayish cyan.

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

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

CIE-LAB	85.808, -10.707, -4.724
XYZ	59.666, 67.604, 79.713
xyY	0.288, 0.327, 67.604
CIE-LCH	85.808, 11.702, 203.806
CIE-LUV	85.808, -17.905, -5.461
Hunter-Lab	82.222, -14.355, 0.074
Binary	10111011, 11011101, 11011111

#bbdddf
```
#bbdddf rgb(187,221,223)
```
#dfbdbb
```
#dfbdbb rgb(223,189,187)
```

Complementary Color

#bbdfcf
```
#bbdfcf rgb(187,223,207)
```
#bbdddf
```
#bbdddf rgb(187,221,223)
```
#bbcbdf
```
#bbcbdf rgb(187,203,223)
```

Analogous Color

#dfcfbb
```
#dfcfbb rgb(223,207,187)
```
#bbdddf
```
#bbdddf rgb(187,221,223)
```
#dfbbcb
```
#dfbbcb rgb(223,187,203)
```

Split Complementary Color

#dddfbb
```
#dddfbb rgb(221,223,187)
```
#bbdddf
```
#bbdddf rgb(187,221,223)
```
#dfbbdd
```
#dfbbdd rgb(223,187,221)
```

Triadic Color

#bbdfbd
```
#bbdfbd rgb(187,223,189)
```
#bbdddf
```
#bbdddf rgb(187,221,223)
```
#dfbbdd
```
#dfbbdd rgb(223,187,221)
```
#dfbdbb
```
#dfbdbb rgb(223,189,187)
```

Tetradic Color

#87c3c7
```
#87c3c7 rgb(135,195,199)
```
#98cccf
```
#98cccf rgb(152,204,207)
```
#aad4d7
```
#aad4d7 rgb(170,212,215)
```
#bbdddf
```
#bbdddf rgb(187,221,223)
```
#cce6e7
```
#cce6e7 rgb(204,230,231)
```
#deeeef
```
#deeeef rgb(222,238,239)
```
#eff7f7
```
#eff7f7 rgb(239,247,247)
```

Monochromatic Color

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

#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)
```
#bbd7df
```
#bbd7df rgb(187,215,223)
```
#bbd4df
```
#bbd4df rgb(187,212,223)
```

Similar Colors

Text with hexadecimal color #bbdddf

This text has a font color of #bbdddf.

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

#bbdddf background color

This paragraph has a background color of #bbdddf.

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

#bbdddf border color

This element has a border color of #bbdddf.

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

CSS codes

.text {color:#bbdddf;}

.background {background-color:#bbdddf;}

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

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)
```
#0c1919
```
#0c1919 rgb(12,25,25)
```
#122627
```
#122627 rgb(18,38,39)
```
#183334
```
#183334 rgb(24,51,52)
```
#1f3f41
```
#1f3f41 rgb(31,63,65)
```
#254c4f
```
#254c4f rgb(37,76,79)
```
#2b595c
```
#2b595c rgb(43,89,92)
```
#326669
```
#326669 rgb(50,102,105)
```
#387377
```
#387377 rgb(56,115,119)
```
#3e8084
```
#3e8084 rgb(62,128,132)
```
#448d91
```
#448d91 rgb(68,141,145)
```
#4b9a9f
```
#4b9a9f rgb(75,154,159)
```
#51a7ac
```
#51a7ac rgb(81,167,172)
```

Shade Color Variation

#5eaeb3
```
#5eaeb3 rgb(94,174,179)
```
#6bb5b9
```
#6bb5b9 rgb(107,181,185)
```
#78bcc0
```
#78bcc0 rgb(120,188,192)
```
#86c2c6
```
#86c2c6 rgb(134,194,198)
```
#93c9cc
```
#93c9cc rgb(147,201,204)
```
#a0d0d2
```
#a0d0d2 rgb(160,208,210)
```
#aed6d9
```
#aed6d9 rgb(174,214,217)
```
#bbdddf
```
#bbdddf rgb(187,221,223)
```
#c8e4e5
```
#c8e4e5 rgb(200,228,229)
```
#d6eaec
```
#d6eaec rgb(214,234,236)
```
#e3f1f2
```
#e3f1f2 rgb(227,241,242)
```
#f0f8f8
```
#f0f8f8 rgb(240,248,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 #9cf8fe is the most saturated one.

#cacfd0
```
#cacfd0 rgb(202,207,208)
```
#c7d3d3
```
#c7d3d3 rgb(199,211,211)
```
#c3d6d7
```
#c3d6d7 rgb(195,214,215)
```
#bfdadb
```
#bfdadb rgb(191,218,219)
```
#bbdddf
```
#bbdddf rgb(187,221,223)
```
#b7e0e3
```
#b7e0e3 rgb(183,224,227)
```
#b3e4e7
```
#b3e4e7 rgb(179,228,231)
```
#afe7eb
```
#afe7eb rgb(175,231,235)
```
#acebee
```
#acebee rgb(172,235,238)
```
#a8eef2
```
#a8eef2 rgb(168,238,242)
```
#a4f2f6
```
#a4f2f6 rgb(164,242,246)
```
#a0f5fa
```
#a0f5fa rgb(160,245,250)
```
#9cf8fe
```
#9cf8fe rgb(156,248,254)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#ced5d5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dad7dc Protanopia 1% of men
#e6d2e4 Deuteranopia 1% of men
#c1dcec Tritanopia 0.001% of the population

Trichromacy

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

#bbdddf hex color

#bbdddf Color Information

#bbdddf Color Conversion

Color Schemes with #bbdddf

Alternatives to #bbdddf

#bbdddf Preview

Shades and Tints of #bbdddf

Tones of #bbdddf

Color Blindness Simulator