#bbd8df hex color

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

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

● #bbd8df color description : Light grayish cyan.

The hexadecimal color #bbd8df has RGB values of R:187, G:216, B:223 and CMYK values of C:0.16, M:0.03, Y:0, K:0.13. Its decimal value is 12310751.

Hex triplet	bbd8df	`#bbd8df`
RGB Decimal	187, 216, 223	`rgb(187,216,223)`
RGB Percent	73.3, 84.7, 87.5	`rgb(73.3%,84.7%,87.5%)`
CMYK	16, 3, 0, 13
HSL	191.7°, 36, 80.4	`hsl(191.7,36%,80.4%)`
HSV (or HSB)	191.7°, 16.1, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.485, -8.138, -6.677
XYZ	58.366, 65.003, 79.28
xyY	0.288, 0.321, 65.003
CIE-LCH	84.485, 10.527, 219.366
CIE-LUV	84.485, -15.587, -8.938
Hunter-Lab	80.624, -11.873, -1.864
Binary	10111011, 11011000, 11011111

#bbd8df
```
#bbd8df rgb(187,216,223)
```
#dfc2bb
```
#dfc2bb rgb(223,194,187)
```

Complementary Color

#bbdfd4
```
#bbdfd4 rgb(187,223,212)
```
#bbd8df
```
#bbd8df rgb(187,216,223)
```
#bbc6df
```
#bbc6df rgb(187,198,223)
```

Analogous Color

#dfd4bb
```
#dfd4bb rgb(223,212,187)
```
#bbd8df
```
#bbd8df rgb(187,216,223)
```
#dfbbc6
```
#dfbbc6 rgb(223,187,198)
```

Split Complementary Color

#d8dfbb
```
#d8dfbb rgb(216,223,187)
```
#bbd8df
```
#bbd8df rgb(187,216,223)
```
#dfbbd8
```
#dfbbd8 rgb(223,187,216)
```

Triadic Color

#bbdfc2
```
#bbdfc2 rgb(187,223,194)
```
#bbd8df
```
#bbd8df rgb(187,216,223)
```
#dfbbd8
```
#dfbbd8 rgb(223,187,216)
```
#dfc2bb
```
#dfc2bb rgb(223,194,187)
```

Tetradic Color

#87bac7
```
#87bac7 rgb(135,186,199)
```
#98c4cf
```
#98c4cf rgb(152,196,207)
```
#aaced7
```
#aaced7 rgb(170,206,215)
```
#bbd8df
```
#bbd8df rgb(187,216,223)
```
#cce2e7
```
#cce2e7 rgb(204,226,231)
```
#deecef
```
#deecef rgb(222,236,239)
```
#eff6f7
```
#eff6f7 rgb(239,246,247)
```

Monochromatic Color

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

#bbdfdd
```
#bbdfdd rgb(187,223,221)
```
#bbdedf
```
#bbdedf rgb(187,222,223)
```
#bbdbdf
```
#bbdbdf rgb(187,219,223)
```
#bbd8df
```
#bbd8df rgb(187,216,223)
```
#bbd5df
```
#bbd5df rgb(187,213,223)
```
#bbd2df
```
#bbd2df rgb(187,210,223)
```
#bbcfdf
```
#bbcfdf rgb(187,207,223)
```

Similar Colors

Text with hexadecimal color #bbd8df

This text has a font color of #bbd8df.

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

#bbd8df background color

This paragraph has a background color of #bbd8df.

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

#bbd8df border color

This element has a border color of #bbd8df.

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

CSS codes

.text {color:#bbd8df;}

.background {background-color:#bbd8df;}

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

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

#060b0c
```
#060b0c rgb(6,11,12)
```
#0c1719
```
#0c1719 rgb(12,23,25)
```
#122327
```
#122327 rgb(18,35,39)
```
#182f34
```
#182f34 rgb(24,47,52)
```
#1f3b41
```
#1f3b41 rgb(31,59,65)
```
#25474f
```
#25474f rgb(37,71,79)
```
#2b535c
```
#2b535c rgb(43,83,92)
```
#325f69
```
#325f69 rgb(50,95,105)
```
#386b77
```
#386b77 rgb(56,107,119)
```
#3e7684
```
#3e7684 rgb(62,118,132)
```
#448291
```
#448291 rgb(68,130,145)
```
#4b8e9f
```
#4b8e9f rgb(75,142,159)
```
#519aac
```
#519aac rgb(81,154,172)
```

Shade Color Variation

#5ea2b3
```
#5ea2b3 rgb(94,162,179)
```
#6baab9
```
#6baab9 rgb(107,170,185)
```
#78b2c0
```
#78b2c0 rgb(120,178,192)
```
#86b9c6
```
#86b9c6 rgb(134,185,198)
```
#93c1cc
```
#93c1cc rgb(147,193,204)
```
#a0c9d2
```
#a0c9d2 rgb(160,201,210)
```
#aed0d9
```
#aed0d9 rgb(174,208,217)
```
#bbd8df
```
#bbd8df rgb(187,216,223)
```
#c8e0e5
```
#c8e0e5 rgb(200,224,229)
```
#d6e7ec
```
#d6e7ec rgb(214,231,236)
```
#e3eff2
```
#e3eff2 rgb(227,239,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 #9cebfe is the most saturated one.

#cacfd0
```
#cacfd0 rgb(202,207,208)
```
#c7d1d3
```
#c7d1d3 rgb(199,209,211)
```
#c3d3d7
```
#c3d3d7 rgb(195,211,215)
```
#bfd6db
```
#bfd6db rgb(191,214,219)
```
#bbd8df
```
#bbd8df rgb(187,216,223)
```
#b7dae3
```
#b7dae3 rgb(183,218,227)
```
#b3dde7
```
#b3dde7 rgb(179,221,231)
```
#afdfeb
```
#afdfeb rgb(175,223,235)
```
#ace1ee
```
#ace1ee rgb(172,225,238)
```
#a8e4f2
```
#a8e4f2 rgb(168,228,242)
```
#a4e6f6
```
#a4e6f6 rgb(164,230,246)
```
#a0e8fa
```
#a0e8fa rgb(160,232,250)
```
#9cebfe
```
#9cebfe rgb(156,235,254)
```

Tone Color Variation

Below, you can see how #bbd8df 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
#ccd2d3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6d3dd Protanopia 1% of men
#e1cfe4 Deuteranopia 1% of men
#c0d8e8 Tritanopia 0.001% of the population

Trichromacy

#ccd5dd Protanomaly 1% of men, 0.01% of women
#d3d2e2 Deuteranomaly 6% of men, 0.4% of women
#bed8e4 Tritanomaly 0.01% of the population

#bbd8df hex color

#bbd8df Color Information

#bbd8df Color Conversion

Color Schemes with #bbd8df

Alternatives to #bbd8df

#bbd8df Preview

Shades and Tints of #bbd8df

Tones of #bbd8df

Color Blindness Simulator