#bbd8d8 hex color

In a RGB color space, hex #bbd8d8 is composed of 73.3% red, 84.7% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 13.4% cyan, 0% magenta, 0% yellow and 15.3% black. It has a hue angle of 180 degrees, a saturation of 27.1% and a lightness of 79%. #bbd8d8 color hex could be obtained by blending #ffffff with #77b1b1. Closest websafe color is: #cccccc.

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

● #bbd8d8 color description : Grayish cyan.

The hexadecimal color #bbd8d8 has RGB values of R:187, G:216, B:216 and CMYK values of C:0.13, M:0, Y:0, K:0.15. Its decimal value is 12310744.

Hex triplet	bbd8d8	`#bbd8d8`
RGB Decimal	187, 216, 216	`rgb(187,216,216)`
RGB Percent	73.3, 84.7, 84.7	`rgb(73.3%,84.7%,84.7%)`
CMYK	13, 0, 0, 15
HSL	180°, 27.1, 79	`hsl(180,27.1%,79%)`
HSV (or HSB)	180°, 13.4, 84.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.294, -9.571, -3.245
XYZ	57.441, 64.633, 74.411
xyY	0.292, 0.329, 64.633
CIE-LCH	84.294, 10.106, 198.727
CIE-LUV	84.294, -15.4, -3.333
Hunter-Lab	80.395, -13.154, 1.399
Binary	10111011, 11011000, 11011000

#bbd8d8
```
#bbd8d8 rgb(187,216,216)
```
#d8bbbb
```
#d8bbbb rgb(216,187,187)
```

Complementary Color

#bbd8ca
```
#bbd8ca rgb(187,216,202)
```
#bbd8d8
```
#bbd8d8 rgb(187,216,216)
```
#bbcad8
```
#bbcad8 rgb(187,202,216)
```

Analogous Color

#d8cabb
```
#d8cabb rgb(216,202,187)
```
#bbd8d8
```
#bbd8d8 rgb(187,216,216)
```
#d8bbca
```
#d8bbca rgb(216,187,202)
```

Split Complementary Color

#d8d8bb
```
#d8d8bb rgb(216,216,187)
```
#bbd8d8
```
#bbd8d8 rgb(187,216,216)
```
#d8bbd8
```
#d8bbd8 rgb(216,187,216)
```

Triadic Color

#bbd8bb
```
#bbd8bb rgb(187,216,187)
```
#bbd8d8
```
#bbd8d8 rgb(187,216,216)
```
#d8bbd8
```
#d8bbd8 rgb(216,187,216)
```
#d8bbbb
```
#d8bbbb rgb(216,187,187)
```

Tetradic Color

#8abcbc
```
#8abcbc rgb(138,188,188)
```
#9bc5c5
```
#9bc5c5 rgb(155,197,197)
```
#abcfcf
```
#abcfcf rgb(171,207,207)
```
#bbd8d8
```
#bbd8d8 rgb(187,216,216)
```
#cbe1e1
```
#cbe1e1 rgb(203,225,225)
```
#dbebeb
```
#dbebeb rgb(219,235,235)
```
#ecf4f4
```
#ecf4f4 rgb(236,244,244)
```

Monochromatic Color

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

#bbd8d1
```
#bbd8d1 rgb(187,216,209)
```
#bbd8d3
```
#bbd8d3 rgb(187,216,211)
```
#bbd8d6
```
#bbd8d6 rgb(187,216,214)
```
#bbd8d8
```
#bbd8d8 rgb(187,216,216)
```
#bbd6d8
```
#bbd6d8 rgb(187,214,216)
```
#bbd3d8
```
#bbd3d8 rgb(187,211,216)
```
#bbd1d8
```
#bbd1d8 rgb(187,209,216)
```

Similar Colors

Text with hexadecimal color #bbd8d8

This text has a font color of #bbd8d8.

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

#bbd8d8 background color

This paragraph has a background color of #bbd8d8.

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

#bbd8d8 border color

This element has a border color of #bbd8d8.

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

CSS codes

.text {color:#bbd8d8;}

.background {background-color:#bbd8d8;}

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

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, #040707 is the darkest color, while #f9fcfc is the lightest one.

#040707
```
#040707 rgb(4,7,7)
```
#0b1313
```
#0b1313 rgb(11,19,19)
```
#122020
```
#122020 rgb(18,32,32)
```
#192c2c
```
#192c2c rgb(25,44,44)
```
#203939
```
#203939 rgb(32,57,57)
```
#284545
```
#284545 rgb(40,69,69)
```
#2f5252
```
#2f5252 rgb(47,82,82)
```
#365e5e
```
#365e5e rgb(54,94,94)
```
#3d6b6b
```
#3d6b6b rgb(61,107,107)
```
#447777
```
#447777 rgb(68,119,119)
```
#4b8383
```
#4b8383 rgb(75,131,131)
```
#539090
```
#539090 rgb(83,144,144)
```
#5a9c9c
```
#5a9c9c rgb(90,156,156)
```

Shade Color Variation

#64a6a6
```
#64a6a6 rgb(100,166,166)
```
#70adad
```
#70adad rgb(112,173,173)
```
#7db4b4
```
#7db4b4 rgb(125,180,180)
```
#89bbbb
```
#89bbbb rgb(137,187,187)
```
#96c3c3
```
#96c3c3 rgb(150,195,195)
```
#a2caca
```
#a2caca rgb(162,202,202)
```
#afd1d1
```
#afd1d1 rgb(175,209,209)
```
#bbd8d8
```
#bbd8d8 rgb(187,216,216)
```
#c7dfdf
```
#c7dfdf rgb(199,223,223)
```
#d4e6e6
```
#d4e6e6 rgb(212,230,230)
```
#e0eded
```
#e0eded rgb(224,237,237)
```
#edf5f5
```
#edf5f5 rgb(237,245,245)
```
#f9fcfc
```
#f9fcfc rgb(249,252,252)
```

Tint Color Variation

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

#c7cccc
```
#c7cccc rgb(199,204,204)
```
#c3d0d0
```
#c3d0d0 rgb(195,208,208)
```
#bfd4d4
```
#bfd4d4 rgb(191,212,212)
```
#bbd8d8
```
#bbd8d8 rgb(187,216,216)
```
#b7dcdc
```
#b7dcdc rgb(183,220,220)
```
#b3e0e0
```
#b3e0e0 rgb(179,224,224)
```
#afe4e4
```
#afe4e4 rgb(175,228,228)
```
#abe8e8
```
#abe8e8 rgb(171,232,232)
```
#a6eded
```
#a6eded rgb(166,237,237)
```
#a2f1f1
```
#a2f1f1 rgb(162,241,241)
```
#9ef5f5
```
#9ef5f5 rgb(158,245,245)
```
#9af9f9
```
#9af9f9 rgb(154,249,249)
```
#96fdfd
```
#96fdfd rgb(150,253,253)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#cbd1d1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7d3d6 Protanopia 1% of men
#e3cedd Deuteranopia 1% of men
#c1d7e7 Tritanopia 0.001% of the population

Trichromacy

#cdd5d7 Protanomaly 1% of men, 0.01% of women
#d5d2db Deuteranomaly 6% of men, 0.4% of women
#bfd7e1 Tritanomaly 0.01% of the population

#bbd8d8 hex color

#bbd8d8 Color Information

#bbd8d8 Color Conversion

Color Schemes with #bbd8d8

Alternatives to #bbd8d8

#bbd8d8 Preview

Shades and Tints of #bbd8d8

Tones of #bbd8d8

Color Blindness Simulator