#bbdee0 hex color

In a RGB color space, hex #bbdee0 is composed of 73.3% red, 87.1% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 16.5% cyan, 0.9% magenta, 0% yellow and 12.2% black. It has a hue angle of 183.2 degrees, a saturation of 37.4% and a lightness of 80.6%. #bbdee0 color hex could be obtained by blending #ffffff with #77bdc1. Closest websafe color is: #cccccc.

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

● #bbdee0 color description : Light grayish cyan.

The hexadecimal color #bbdee0 has RGB values of R:187, G:222, B:224 and CMYK values of C:0.17, M:0.01, Y:0, K:0.12. Its decimal value is 12312288.

Hex triplet	bbdee0	`#bbdee0`
RGB Decimal	187, 222, 224	`rgb(187,222,224)`
RGB Percent	73.3, 87.1, 87.8	`rgb(73.3%,87.1%,87.8%)`
CMYK	17, 1, 0, 12
HSL	183.2°, 37.4, 80.6	`hsl(183.2,37.4%,80.6%)`
HSV (or HSB)	183.2°, 16.5, 87.8
Web Safe	cccccc	`#cccccc`

CIE-LAB	86.1, -11.011, -4.821
XYZ	60.066, 68.188, 80.514
xyY	0.288, 0.327, 68.188
CIE-LCH	86.1, 12.021, 203.646
CIE-LUV	86.1, -18.389, -5.566
Hunter-Lab	82.576, -14.666, -0.006
Binary	10111011, 11011110, 11100000

#bbdee0
```
#bbdee0 rgb(187,222,224)
```
#e0bdbb
```
#e0bdbb rgb(224,189,187)
```

Complementary Color

#bbe0d0
```
#bbe0d0 rgb(187,224,208)
```
#bbdee0
```
#bbdee0 rgb(187,222,224)
```
#bbcce0
```
#bbcce0 rgb(187,204,224)
```

Analogous Color

#e0d0bb
```
#e0d0bb rgb(224,208,187)
```
#bbdee0
```
#bbdee0 rgb(187,222,224)
```
#e0bbcc
```
#e0bbcc rgb(224,187,204)
```

Split Complementary Color

#dee0bb
```
#dee0bb rgb(222,224,187)
```
#bbdee0
```
#bbdee0 rgb(187,222,224)
```
#e0bbde
```
#e0bbde rgb(224,187,222)
```

Triadic Color

#bbe0bd
```
#bbe0bd rgb(187,224,189)
```
#bbdee0
```
#bbdee0 rgb(187,222,224)
```
#e0bbde
```
#e0bbde rgb(224,187,222)
```
#e0bdbb
```
#e0bdbb rgb(224,189,187)
```

Tetradic Color

#86c5c8
```
#86c5c8 rgb(134,197,200)
```
#98cdd0
```
#98cdd0 rgb(152,205,208)
```
#a9d6d8
```
#a9d6d8 rgb(169,214,216)
```
#bbdee0
```
#bbdee0 rgb(187,222,224)
```
#cde7e8
```
#cde7e8 rgb(205,231,232)
```
#deeff0
```
#deeff0 rgb(222,239,240)
```
#f0f8f8
```
#f0f8f8 rgb(240,248,248)
```

Monochromatic Color

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

#bbe0d9
```
#bbe0d9 rgb(187,224,217)
```
#bbe0dc
```
#bbe0dc rgb(187,224,220)
```
#bbe0df
```
#bbe0df rgb(187,224,223)
```
#bbdee0
```
#bbdee0 rgb(187,222,224)
```
#bbdbe0
```
#bbdbe0 rgb(187,219,224)
```
#bbd8e0
```
#bbd8e0 rgb(187,216,224)
```
#bbd5e0
```
#bbd5e0 rgb(187,213,224)
```

Similar Colors

Text with hexadecimal color #bbdee0

This text has a font color of #bbdee0.

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

#bbdee0 background color

This paragraph has a background color of #bbdee0.

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

#bbdee0 border color

This element has a border color of #bbdee0.

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

CSS codes

.text {color:#bbdee0;}

.background {background-color:#bbdee0;}

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

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

#060c0d
```
#060c0d rgb(6,12,13)
```
#0c1a1a
```
#0c1a1a rgb(12,26,26)
```
#122728
```
#122728 rgb(18,39,40)
```
#183435
```
#183435 rgb(24,52,53)
```
#1e4143
```
#1e4143 rgb(30,65,67)
```
#254e50
```
#254e50 rgb(37,78,80)
```
#2b5b5e
```
#2b5b5e rgb(43,91,94)
```
#31686b
```
#31686b rgb(49,104,107)
```
#377579
```
#377579 rgb(55,117,121)
```
#3d8286
```
#3d8286 rgb(61,130,134)
```
#438f94
```
#438f94 rgb(67,143,148)
```
#499ca1
```
#499ca1 rgb(73,156,161)
```
#50a9af
```
#50a9af rgb(80,169,175)
```

Shade Color Variation

#5db0b5
```
#5db0b5 rgb(93,176,181)
```
#6ab7bb
```
#6ab7bb rgb(106,183,187)
```
#78bdc1
```
#78bdc1 rgb(120,189,193)
```
#85c4c7
```
#85c4c7 rgb(133,196,199)
```
#93cace
```
#93cace rgb(147,202,206)
```
#a0d1d4
```
#a0d1d4 rgb(160,209,212)
```
#aed7da
```
#aed7da rgb(174,215,218)
```
#bbdee0
```
#bbdee0 rgb(187,222,224)
```
#c8e5e6
```
#c8e5e6 rgb(200,229,230)
```
#d6ebec
```
#d6ebec rgb(214,235,236)
```
#e3f2f2
```
#e3f2f2 rgb(227,242,242)
```
#f1f8f9
```
#f1f8f9 rgb(241,248,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#cad0d1
```
#cad0d1 rgb(202,208,209)
```
#c6d4d5
```
#c6d4d5 rgb(198,212,213)
```
#c3d7d8
```
#c3d7d8 rgb(195,215,216)
```
#bfdbdc
```
#bfdbdc rgb(191,219,220)
```
#bbdee0
```
#bbdee0 rgb(187,222,224)
```
#b7e1e4
```
#b7e1e4 rgb(183,225,228)
```
#b3e5e8
```
#b3e5e8 rgb(179,229,232)
```
#b0e8eb
```
#b0e8eb rgb(176,232,235)
```
#acecef
```
#acecef rgb(172,236,239)
```
#a8eff3
```
#a8eff3 rgb(168,239,243)
```
#a4f2f7
```
#a4f2f7 rgb(164,242,247)
```
#a0f6fb
```
#a0f6fb rgb(160,246,251)
```
#9df9fe
```
#9df9fe rgb(157,249,254)
```

Tone Color Variation

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

#dbd8dd Protanopia 1% of men
#e7d3e5 Deuteranopia 1% of men
#c1dded Tritanopia 0.001% of the population

Trichromacy

#cfdade Protanomaly 1% of men, 0.01% of women
#d7d7e3 Deuteranomaly 6% of men, 0.4% of women
#bfdde8 Tritanomaly 0.01% of the population

#bbdee0 hex color

#bbdee0 Color Information

#bbdee0 Color Conversion

Color Schemes with #bbdee0

Alternatives to #bbdee0

#bbdee0 Preview

Shades and Tints of #bbdee0

Tones of #bbdee0

Color Blindness Simulator