#bbd2df hex color

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

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

● #bbd2df color description : Light grayish blue.

The hexadecimal color #bbd2df has RGB values of R:187, G:210, B:223 and CMYK values of C:0.16, M:0.06, Y:0, K:0.13. Its decimal value is 12309215.

Hex triplet	bbd2df	`#bbd2df`
RGB Decimal	187, 210, 223	`rgb(187,210,223)`
RGB Percent	73.3, 82.4, 87.5	`rgb(73.3%,82.4%,87.5%)`
CMYK	16, 6, 0, 13
HSL	201.7°, 36, 80.4	`hsl(201.7,36%,80.4%)`
HSV (or HSB)	201.7°, 16.1, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.905, -5.023, -9.02
XYZ	56.857, 61.985, 78.777
xyY	0.288, 0.314, 61.985
CIE-LCH	82.905, 10.324, 240.887
CIE-LUV	82.905, -12.799, -13.125
Hunter-Lab	78.73, -8.871, -4.214
Binary	10111011, 11010010, 11011111

#bbd2df
```
#bbd2df rgb(187,210,223)
```
#dfc8bb
```
#dfc8bb rgb(223,200,187)
```

Complementary Color

#bbdfda
```
#bbdfda rgb(187,223,218)
```
#bbd2df
```
#bbd2df rgb(187,210,223)
```
#bbc0df
```
#bbc0df rgb(187,192,223)
```

Analogous Color

#dfdabb
```
#dfdabb rgb(223,218,187)
```
#bbd2df
```
#bbd2df rgb(187,210,223)
```
#dfbbc0
```
#dfbbc0 rgb(223,187,192)
```

Split Complementary Color

#d2dfbb
```
#d2dfbb rgb(210,223,187)
```
#bbd2df
```
#bbd2df rgb(187,210,223)
```
#dfbbd2
```
#dfbbd2 rgb(223,187,210)
```

Triadic Color

#bbdfc8
```
#bbdfc8 rgb(187,223,200)
```
#bbd2df
```
#bbd2df rgb(187,210,223)
```
#dfbbd2
```
#dfbbd2 rgb(223,187,210)
```
#dfc8bb
```
#dfc8bb rgb(223,200,187)
```

Tetradic Color

#87b0c7
```
#87b0c7 rgb(135,176,199)
```
#98bbcf
```
#98bbcf rgb(152,187,207)
```
#aac7d7
```
#aac7d7 rgb(170,199,215)
```
#bbd2df
```
#bbd2df rgb(187,210,223)
```
#ccdde7
```
#ccdde7 rgb(204,221,231)
```
#dee9ef
```
#dee9ef rgb(222,233,239)
```
#eff4f7
```
#eff4f7 rgb(239,244,247)
```

Monochromatic Color

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

#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)
```
#bbccdf
```
#bbccdf rgb(187,204,223)
```
#bbc9df
```
#bbc9df rgb(187,201,223)
```

Similar Colors

Text with hexadecimal color #bbd2df

This text has a font color of #bbd2df.

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

#bbd2df background color

This paragraph has a background color of #bbd2df.

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

#bbd2df border color

This element has a border color of #bbd2df.

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

CSS codes

.text {color:#bbd2df;}

.background {background-color:#bbd2df;}

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

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

#060a0c
```
#060a0c rgb(6,10,12)
```
#0c1519
```
#0c1519 rgb(12,21,25)
```
#121f27
```
#121f27 rgb(18,31,39)
```
#182a34
```
#182a34 rgb(24,42,52)
```
#1f3541
```
#1f3541 rgb(31,53,65)
```
#25404f
```
#25404f rgb(37,64,79)
```
#2b4a5c
```
#2b4a5c rgb(43,74,92)
```
#325569
```
#325569 rgb(50,85,105)
```
#386077
```
#386077 rgb(56,96,119)
```
#3e6b84
```
#3e6b84 rgb(62,107,132)
```
#447691
```
#447691 rgb(68,118,145)
```
#4b809f
```
#4b809f rgb(75,128,159)
```
#518bac
```
#518bac rgb(81,139,172)
```

Shade Color Variation

#5e94b3
```
#5e94b3 rgb(94,148,179)
```
#6b9db9
```
#6b9db9 rgb(107,157,185)
```
#78a6c0
```
#78a6c0 rgb(120,166,192)
```
#86afc6
```
#86afc6 rgb(134,175,198)
```
#93b8cc
```
#93b8cc rgb(147,184,204)
```
#a0c0d2
```
#a0c0d2 rgb(160,192,210)
```
#aec9d9
```
#aec9d9 rgb(174,201,217)
```
#bbd2df
```
#bbd2df rgb(187,210,223)
```
#c8dbe5
```
#c8dbe5 rgb(200,219,229)
```
#d6e4ec
```
#d6e4ec rgb(214,228,236)
```
#e3ecf2
```
#e3ecf2 rgb(227,236,242)
```
#f0f5f8
```
#f0f5f8 rgb(240,245,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#caced0
```
#caced0 rgb(202,206,208)
```
#c7cfd3
```
#c7cfd3 rgb(199,207,211)
```
#c3d0d7
```
#c3d0d7 rgb(195,208,215)
```
#bfd1db
```
#bfd1db rgb(191,209,219)
```
#bbd2df
```
#bbd2df rgb(187,210,223)
```
#b7d3e3
```
#b7d3e3 rgb(183,211,227)
```
#b3d4e7
```
#b3d4e7 rgb(179,212,231)
```
#afd5eb
```
#afd5eb rgb(175,213,235)
```
#acd6ee
```
#acd6ee rgb(172,214,238)
```
#a8d7f2
```
#a8d7f2 rgb(168,215,242)
```
#a4d8f6
```
#a4d8f6 rgb(164,216,246)
```
#a0d9fa
```
#a0d9fa rgb(160,217,250)
```
#9cdbfe
```
#9cdbfe rgb(156,219,254)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#c9ced1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0cfde Protanopia 1% of men
#dbcbe3 Deuteranopia 1% of men
#bfd3e3 Tritanopia 0.001% of the population

Trichromacy

#c8d0de Protanomaly 1% of men, 0.01% of women
#cfcde1 Deuteranomaly 6% of men, 0.4% of women
#bdd3e1 Tritanomaly 0.01% of the population

#bbd2df hex color

#bbd2df Color Information

#bbd2df Color Conversion

Color Schemes with #bbd2df

Alternatives to #bbd2df

#bbd2df Preview

Shades and Tints of #bbd2df

Tones of #bbd2df

Color Blindness Simulator