#bbdfdd hex color

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

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

● #bbdfdd color description : Light grayish cyan.

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

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

CIE-LAB	86.285, -12.135, -2.965
XYZ	59.929, 68.559, 78.478
xyY	0.29, 0.331, 68.559
CIE-LCH	86.285, 12.492, 193.731
CIE-LUV	86.285, -18.789, -2.482
Hunter-Lab	82.801, -15.706, 1.765
Binary	10111011, 11011111, 11011101

#bbdfdd
```
#bbdfdd rgb(187,223,221)
```
#dfbbbd
```
#dfbbbd rgb(223,187,189)
```

Complementary Color

#bbdfcb
```
#bbdfcb rgb(187,223,203)
```
#bbdfdd
```
#bbdfdd rgb(187,223,221)
```
#bbcfdf
```
#bbcfdf rgb(187,207,223)
```

Analogous Color

#dfcbbb
```
#dfcbbb rgb(223,203,187)
```
#bbdfdd
```
#bbdfdd rgb(187,223,221)
```
#dfbbcf
```
#dfbbcf rgb(223,187,207)
```

Split Complementary Color

#dfddbb
```
#dfddbb rgb(223,221,187)
```
#bbdfdd
```
#bbdfdd rgb(187,223,221)
```
#ddbbdf
```
#ddbbdf rgb(221,187,223)
```

Triadic Color

#bddfbb
```
#bddfbb rgb(189,223,187)
```
#bbdfdd
```
#bbdfdd rgb(187,223,221)
```
#ddbbdf
```
#ddbbdf rgb(221,187,223)
```
#dfbbbd
```
#dfbbbd rgb(223,187,189)
```

Tetradic Color

#87c7c3
```
#87c7c3 rgb(135,199,195)
```
#98cfcc
```
#98cfcc rgb(152,207,204)
```
#aad7d4
```
#aad7d4 rgb(170,215,212)
```
#bbdfdd
```
#bbdfdd rgb(187,223,221)
```
#cce7e6
```
#cce7e6 rgb(204,231,230)
```
#deefee
```
#deefee rgb(222,239,238)
```
#eff7f7
```
#eff7f7 rgb(239,247,247)
```

Monochromatic Color

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

#bbdfd4
```
#bbdfd4 rgb(187,223,212)
```
#bbdfd7
```
#bbdfd7 rgb(187,223,215)
```
#bbdfda
```
#bbdfda rgb(187,223,218)
```
#bbdfdd
```
#bbdfdd rgb(187,223,221)
```
#bbdedf
```
#bbdedf rgb(187,222,223)
```
#bbdbdf
```
#bbdbdf rgb(187,219,223)
```
#bbd8df
```
#bbd8df rgb(187,216,223)
```

Similar Colors

Text with hexadecimal color #bbdfdd

This text has a font color of #bbdfdd.

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

#bbdfdd background color

This paragraph has a background color of #bbdfdd.

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

#bbdfdd border color

This element has a border color of #bbdfdd.

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

CSS codes

.text {color:#bbdfdd;}

.background {background-color:#bbdfdd;}

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

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)
```
#122726
```
#122726 rgb(18,39,38)
```
#183433
```
#183433 rgb(24,52,51)
```
#1f413f
```
#1f413f rgb(31,65,63)
```
#254f4c
```
#254f4c rgb(37,79,76)
```
#2b5c59
```
#2b5c59 rgb(43,92,89)
```
#326966
```
#326966 rgb(50,105,102)
```
#387773
```
#387773 rgb(56,119,115)
```
#3e8480
```
#3e8480 rgb(62,132,128)
```
#44918d
```
#44918d rgb(68,145,141)
```
#4b9f9a
```
#4b9f9a rgb(75,159,154)
```
#51aca7
```
#51aca7 rgb(81,172,167)
```

Shade Color Variation

#5eb3ae
```
#5eb3ae rgb(94,179,174)
```
#6bb9b5
```
#6bb9b5 rgb(107,185,181)
```
#78c0bc
```
#78c0bc rgb(120,192,188)
```
#86c6c2
```
#86c6c2 rgb(134,198,194)
```
#93ccc9
```
#93ccc9 rgb(147,204,201)
```
#a0d2d0
```
#a0d2d0 rgb(160,210,208)
```
#aed9d6
```
#aed9d6 rgb(174,217,214)
```
#bbdfdd
```
#bbdfdd rgb(187,223,221)
```
#c8e5e4
```
#c8e5e4 rgb(200,229,228)
```
#d6ecea
```
#d6ecea rgb(214,236,234)
```
#e3f2f1
```
#e3f2f1 rgb(227,242,241)
```
#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, #cad0cf is the less saturated color, while #9cfef8 is the most saturated one.

#cad0cf
```
#cad0cf rgb(202,208,207)
```
#c7d3d3
```
#c7d3d3 rgb(199,211,211)
```
#c3d7d6
```
#c3d7d6 rgb(195,215,214)
```
#bfdbda
```
#bfdbda rgb(191,219,218)
```
#bbdfdd
```
#bbdfdd rgb(187,223,221)
```
#b7e3e0
```
#b7e3e0 rgb(183,227,224)
```
#b3e7e4
```
#b3e7e4 rgb(179,231,228)
```
#afebe7
```
#afebe7 rgb(175,235,231)
```
#aceeeb
```
#aceeeb rgb(172,238,235)
```
#a8f2ee
```
#a8f2ee rgb(168,242,238)
```
#a4f6f2
```
#a4f6f2 rgb(164,246,242)
```
#a0faf5
```
#a0faf5 rgb(160,250,245)
```
#9cfef8
```
#9cfef8 rgb(156,254,248)
```

Tone Color Variation

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

Dichromacy

#ddd8da Protanopia 1% of men
#e9d3e3 Deuteranopia 1% of men
#c2deee Tritanopia 0.001% of the population

Trichromacy

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

#bbdfdd hex color

#bbdfdd Color Information

#bbdfdd Color Conversion

Color Schemes with #bbdfdd

Alternatives to #bbdfdd

#bbdfdd Preview

Shades and Tints of #bbdfdd

Tones of #bbdfdd

Color Blindness Simulator