#bbd1df hex color

In a RGB color space, hex #bbd1df is composed of 73.3% red, 82% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 16.1% cyan, 6.3% magenta, 0% yellow and 12.5% black. It has a hue angle of 203.3 degrees, a saturation of 36% and a lightness of 80.4%. #bbd1df color hex could be obtained by blending #ffffff with #77a3bf. 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

● #bbd1df color description : Light grayish blue.

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

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

CIE-LAB	82.643, -4.5, -9.41
XYZ	56.61, 61.492, 78.695
xyY	0.288, 0.312, 61.492
CIE-LCH	82.643, 10.431, 244.44
CIE-LUV	82.643, -12.334, -13.824
Hunter-Lab	78.417, -8.368, -4.608
Binary	10111011, 11010001, 11011111

#bbd1df
```
#bbd1df rgb(187,209,223)
```
#dfc9bb
```
#dfc9bb rgb(223,201,187)
```

Complementary Color

#bbdfdb
```
#bbdfdb rgb(187,223,219)
```
#bbd1df
```
#bbd1df rgb(187,209,223)
```
#bbbfdf
```
#bbbfdf rgb(187,191,223)
```

Analogous Color

#dfdbbb
```
#dfdbbb rgb(223,219,187)
```
#bbd1df
```
#bbd1df rgb(187,209,223)
```
#dfbbbf
```
#dfbbbf rgb(223,187,191)
```

Split Complementary Color

#d1dfbb
```
#d1dfbb rgb(209,223,187)
```
#bbd1df
```
#bbd1df rgb(187,209,223)
```
#dfbbd1
```
#dfbbd1 rgb(223,187,209)
```

Triadic Color

#bbdfc9
```
#bbdfc9 rgb(187,223,201)
```
#bbd1df
```
#bbd1df rgb(187,209,223)
```
#dfbbd1
```
#dfbbd1 rgb(223,187,209)
```
#dfc9bb
```
#dfc9bb rgb(223,201,187)
```

Tetradic Color

#87aec7
```
#87aec7 rgb(135,174,199)
```
#98bacf
```
#98bacf rgb(152,186,207)
```
#aac5d7
```
#aac5d7 rgb(170,197,215)
```
#bbd1df
```
#bbd1df rgb(187,209,223)
```
#ccdde7
```
#ccdde7 rgb(204,221,231)
```
#dee8ef
```
#dee8ef rgb(222,232,239)
```
#eff4f7
```
#eff4f7 rgb(239,244,247)
```

Monochromatic Color

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

#bbdadf
```
#bbdadf rgb(187,218,223)
```
#bbd7df
```
#bbd7df rgb(187,215,223)
```
#bbd4df
```
#bbd4df rgb(187,212,223)
```
#bbd1df
```
#bbd1df rgb(187,209,223)
```
#bbcedf
```
#bbcedf rgb(187,206,223)
```
#bbcbdf
```
#bbcbdf rgb(187,203,223)
```
#bbc8df
```
#bbc8df rgb(187,200,223)
```

Similar Colors

Text with hexadecimal color #bbd1df

This text has a font color of #bbd1df.

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

#bbd1df background color

This paragraph has a background color of #bbd1df.

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

#bbd1df border color

This element has a border color of #bbd1df.

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

CSS codes

.text {color:#bbd1df;}

.background {background-color:#bbd1df;}

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

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)
```
#0c1419
```
#0c1419 rgb(12,20,25)
```
#121f27
```
#121f27 rgb(18,31,39)
```
#182934
```
#182934 rgb(24,41,52)
```
#1f3441
```
#1f3441 rgb(31,52,65)
```
#253f4f
```
#253f4f rgb(37,63,79)
```
#2b495c
```
#2b495c rgb(43,73,92)
```
#325469
```
#325469 rgb(50,84,105)
```
#385e77
```
#385e77 rgb(56,94,119)
```
#3e6984
```
#3e6984 rgb(62,105,132)
```
#447391
```
#447391 rgb(68,115,145)
```
#4b7e9f
```
#4b7e9f rgb(75,126,159)
```
#5189ac
```
#5189ac rgb(81,137,172)
```

Shade Color Variation

#5e92b3
```
#5e92b3 rgb(94,146,179)
```
#6b9bb9
```
#6b9bb9 rgb(107,155,185)
```
#78a4c0
```
#78a4c0 rgb(120,164,192)
```
#86adc6
```
#86adc6 rgb(134,173,198)
```
#93b6cc
```
#93b6cc rgb(147,182,204)
```
#a0bfd2
```
#a0bfd2 rgb(160,191,210)
```
#aec8d9
```
#aec8d9 rgb(174,200,217)
```
#bbd1df
```
#bbd1df rgb(187,209,223)
```
#c8dae5
```
#c8dae5 rgb(200,218,229)
```
#d6e3ec
```
#d6e3ec rgb(214,227,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 #9cd8fe is the most saturated one.

#caced0
```
#caced0 rgb(202,206,208)
```
#c7ced3
```
#c7ced3 rgb(199,206,211)
```
#c3cfd7
```
#c3cfd7 rgb(195,207,215)
```
#bfd0db
```
#bfd0db rgb(191,208,219)
```
#bbd1df
```
#bbd1df rgb(187,209,223)
```
#b7d2e3
```
#b7d2e3 rgb(183,210,227)
```
#b3d3e7
```
#b3d3e7 rgb(179,211,231)
```
#afd4eb
```
#afd4eb rgb(175,212,235)
```
#acd4ee
```
#acd4ee rgb(172,212,238)
```
#a8d5f2
```
#a8d5f2 rgb(168,213,242)
```
#a4d6f6
```
#a4d6f6 rgb(164,214,246)
```
#a0d7fa
```
#a0d7fa rgb(160,215,250)
```
#9cd8fe
```
#9cd8fe rgb(156,216,254)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c9cdd0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfcede Protanopia 1% of men
#dacae3 Deuteranopia 1% of men
#bed3e2 Tritanopia 0.001% of the population

Trichromacy

#c8cfde Protanomaly 1% of men, 0.01% of women
#cecde1 Deuteranomaly 6% of men, 0.4% of women
#bdd2e1 Tritanomaly 0.01% of the population

#bbd1df hex color

#bbd1df Color Information

#bbd1df Color Conversion

Color Schemes with #bbd1df

Alternatives to #bbd1df

#bbd1df Preview

Shades and Tints of #bbd1df

Tones of #bbd1df

Color Blindness Simulator