#bbdde1 hex color

In a RGB color space, hex #bbdde1 is composed of 73.3% red, 86.7% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 16.9% cyan, 1.8% magenta, 0% yellow and 11.8% black. It has a hue angle of 186.3 degrees, a saturation of 38.8% and a lightness of 80.8%. #bbdde1 color hex could be obtained by blending #ffffff with #77bbc3. Closest websafe color is: #cccccc.

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

● #bbdde1 color description : Light grayish cyan.

The hexadecimal color #bbdde1 has RGB values of R:187, G:221, B:225 and CMYK values of C:0.17, M:0.02, Y:0, K:0.12. Its decimal value is 12312033.

Hex triplet	bbdde1	`#bbdde1`
RGB Decimal	187, 221, 225	`rgb(187,221,225)`
RGB Percent	73.3, 86.7, 88.2	`rgb(73.3%,86.7%,88.2%)`
CMYK	17, 2, 0, 12
HSL	186.3°, 38.8, 80.8	`hsl(186.3,38.8%,80.8%)`
HSV (or HSB)	186.3°, 16.9, 88.2
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.863, -10.294, -5.7
XYZ	59.938, 67.713, 81.142
xyY	0.287, 0.324, 67.713
CIE-LCH	85.863, 11.766, 208.976
CIE-LUV	85.863, -17.949, -7.063
Hunter-Lab	82.288, -13.986, -0.863
Binary	10111011, 11011101, 11100001

#bbdde1
```
#bbdde1 rgb(187,221,225)
```
#e1bfbb
```
#e1bfbb rgb(225,191,187)
```

Complementary Color

#bbe1d2
```
#bbe1d2 rgb(187,225,210)
```
#bbdde1
```
#bbdde1 rgb(187,221,225)
```
#bbcae1
```
#bbcae1 rgb(187,202,225)
```

Analogous Color

#e1d2bb
```
#e1d2bb rgb(225,210,187)
```
#bbdde1
```
#bbdde1 rgb(187,221,225)
```
#e1bbca
```
#e1bbca rgb(225,187,202)
```

Split Complementary Color

#dde1bb
```
#dde1bb rgb(221,225,187)
```
#bbdde1
```
#bbdde1 rgb(187,221,225)
```
#e1bbdd
```
#e1bbdd rgb(225,187,221)
```

Triadic Color

#bbe1bf
```
#bbe1bf rgb(187,225,191)
```
#bbdde1
```
#bbdde1 rgb(187,221,225)
```
#e1bbdd
```
#e1bbdd rgb(225,187,221)
```
#e1bfbb
```
#e1bfbb rgb(225,191,187)
```

Tetradic Color

#86c2ca
```
#86c2ca rgb(134,194,202)
```
#98cbd1
```
#98cbd1 rgb(152,203,209)
```
#a9d4d9
```
#a9d4d9 rgb(169,212,217)
```
#bbdde1
```
#bbdde1 rgb(187,221,225)
```
#cde6e9
```
#cde6e9 rgb(205,230,233)
```
#deeff1
```
#deeff1 rgb(222,239,241)
```
#f0f8f8
```
#f0f8f8 rgb(240,248,248)
```

Monochromatic Color

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

#bbe1dc
```
#bbe1dc rgb(187,225,220)
```
#bbe1df
```
#bbe1df rgb(187,225,223)
```
#bbe0e1
```
#bbe0e1 rgb(187,224,225)
```
#bbdde1
```
#bbdde1 rgb(187,221,225)
```
#bbdae1
```
#bbdae1 rgb(187,218,225)
```
#bbd7e1
```
#bbd7e1 rgb(187,215,225)
```
#bbd4e1
```
#bbd4e1 rgb(187,212,225)
```

Similar Colors

Text with hexadecimal color #bbdde1

This text has a font color of #bbdde1.

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

#bbdde1 background color

This paragraph has a background color of #bbdde1.

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

#bbdde1 border color

This element has a border color of #bbdde1.

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

CSS codes

.text {color:#bbdde1;}

.background {background-color:#bbdde1;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#060d0e
```
#060d0e rgb(6,13,14)
```
#0c1a1b
```
#0c1a1b rgb(12,26,27)
```
#122629
```
#122629 rgb(18,38,41)
```
#183336
```
#183336 rgb(24,51,54)
```
#1e4044
```
#1e4044 rgb(30,64,68)
```
#244d52
```
#244d52 rgb(36,77,82)
```
#2a5a5f
```
#2a5a5f rgb(42,90,95)
```
#30676d
```
#30676d rgb(48,103,109)
```
#36737b
```
#36737b rgb(54,115,123)
```
#3c8088
```
#3c8088 rgb(60,128,136)
```
#428d96
```
#428d96 rgb(66,141,150)
```
#489aa3
```
#489aa3 rgb(72,154,163)
```

Shade Color Variation

#4ea7b1
```
#4ea7b1 rgb(78,167,177)
```
#5cadb7
```
#5cadb7 rgb(92,173,183)
```
#69b4bd
```
#69b4bd rgb(105,180,189)
```
#77bbc3
```
#77bbc3 rgb(119,187,195)
```
#85c2c9
```
#85c2c9 rgb(133,194,201)
```
#92c9cf
```
#92c9cf rgb(146,201,207)
```
#a0cfd5
```
#a0cfd5 rgb(160,207,213)
```
#add6db
```
#add6db rgb(173,214,219)
```
#bbdde1
```
#bbdde1 rgb(187,221,225)
```
#c9e4e7
```
#c9e4e7 rgb(201,228,231)
```
#d6ebed
```
#d6ebed rgb(214,235,237)
```
#e4f1f3
```
#e4f1f3 rgb(228,241,243)
```
#f1f8f9
```
#f1f8f9 rgb(241,248,249)
```

Tint Color Variation

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

#cecece
```
#cecece rgb(206,206,206)
```
#cad1d2
```
#cad1d2 rgb(202,209,210)
```
#c6d4d6
```
#c6d4d6 rgb(198,212,214)
```
#c3d7d9
```
#c3d7d9 rgb(195,215,217)
```
#bfdadd
```
#bfdadd rgb(191,218,221)
```
#bbdde1
```
#bbdde1 rgb(187,221,225)
```
#b7e0e5
```
#b7e0e5 rgb(183,224,229)
```
#b3e3e9
```
#b3e3e9 rgb(179,227,233)
```
#b0e6ec
```
#b0e6ec rgb(176,230,236)
```
#ace9f0
```
#ace9f0 rgb(172,233,240)
```
#a8ecf4
```
#a8ecf4 rgb(168,236,244)
```
#a4eff8
```
#a4eff8 rgb(164,239,248)
```
#a1f2fb
```
#a1f2fb rgb(161,242,251)
```

Tone Color Variation

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

Dichromacy

#dad7de Protanopia 1% of men
#e6d2e6 Deuteranopia 1% of men
#c0ddec Tritanopia 0.001% of the population

Trichromacy

#cfd9df Protanomaly 1% of men, 0.01% of women
#d6d6e4 Deuteranomaly 6% of men, 0.4% of women
#bedde8 Tritanomaly 0.01% of the population

#bbdde1 hex color

#bbdde1 Color Information

#bbdde1 Color Conversion

Color Schemes with #bbdde1

Alternatives to #bbdde1

#bbdde1 Preview

Shades and Tints of #bbdde1

Tones of #bbdde1

Color Blindness Simulator