#bbd3d9 hex color

In a RGB color space, hex #bbd3d9 is composed of 73.3% red, 82.7% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 13.8% cyan, 2.8% magenta, 0% yellow and 14.9% black. It has a hue angle of 192 degrees, a saturation of 28.3% and a lightness of 79.2%. #bbd3d9 color hex could be obtained by blending #ffffff with #77a7b3. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 83
- B 85
RGB color chart
- C 14
- M 3
- Y 0
- K 15
CMYK color chart

● #bbd3d9 color description : Light grayish cyan.

The hexadecimal color #bbd3d9 has RGB values of R:187, G:211, B:217 and CMYK values of C:0.14, M:0.03, Y:0, K:0.15. Its decimal value is 12309465.

Hex triplet	bbd3d9	`#bbd3d9`
RGB Decimal	187, 211, 217	`rgb(187,211,217)`
RGB Percent	73.3, 82.7, 85.1	`rgb(73.3%,82.7%,85.1%)`
CMYK	14, 3, 0, 15
HSL	192°, 28.3, 79.2	`hsl(192,28.3%,79.2%)`
HSV (or HSB)	192°, 13.8, 85.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	83, -6.785, -5.684
XYZ	56.309, 62.162, 74.674
xyY	0.292, 0.322, 62.162
CIE-LCH	83, 8.851, 219.955
CIE-LUV	83, -13.074, -7.582
Hunter-Lab	78.843, -10.491, -0.965
Binary	10111011, 11010011, 11011001

#bbd3d9
```
#bbd3d9 rgb(187,211,217)
```
#d9c1bb
```
#d9c1bb rgb(217,193,187)
```

Complementary Color

#bbd9d0
```
#bbd9d0 rgb(187,217,208)
```
#bbd3d9
```
#bbd3d9 rgb(187,211,217)
```
#bbc4d9
```
#bbc4d9 rgb(187,196,217)
```

Analogous Color

#d9d0bb
```
#d9d0bb rgb(217,208,187)
```
#bbd3d9
```
#bbd3d9 rgb(187,211,217)
```
#d9bbc4
```
#d9bbc4 rgb(217,187,196)
```

Split Complementary Color

#d3d9bb
```
#d3d9bb rgb(211,217,187)
```
#bbd3d9
```
#bbd3d9 rgb(187,211,217)
```
#d9bbd3
```
#d9bbd3 rgb(217,187,211)
```

Triadic Color

#bbd9c1
```
#bbd9c1 rgb(187,217,193)
```
#bbd3d9
```
#bbd3d9 rgb(187,211,217)
```
#d9bbd3
```
#d9bbd3 rgb(217,187,211)
```
#d9c1bb
```
#d9c1bb rgb(217,193,187)
```

Tetradic Color

#8ab3be
```
#8ab3be rgb(138,179,190)
```
#9abec7
```
#9abec7 rgb(154,190,199)
```
#abc8d0
```
#abc8d0 rgb(171,200,208)
```
#bbd3d9
```
#bbd3d9 rgb(187,211,217)
```
#cbdee2
```
#cbdee2 rgb(203,222,226)
```
#dce8eb
```
#dce8eb rgb(220,232,235)
```
#ecf3f4
```
#ecf3f4 rgb(236,243,244)
```

Monochromatic Color

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

#bbd9d8
```
#bbd9d8 rgb(187,217,216)
```
#bbd8d9
```
#bbd8d9 rgb(187,216,217)
```
#bbd6d9
```
#bbd6d9 rgb(187,214,217)
```
#bbd3d9
```
#bbd3d9 rgb(187,211,217)
```
#bbd1d9
```
#bbd1d9 rgb(187,209,217)
```
#bbced9
```
#bbced9 rgb(187,206,217)
```
#bbccd9
```
#bbccd9 rgb(187,204,217)
```

Similar Colors

Text with hexadecimal color #bbd3d9

This text has a font color of #bbd3d9.

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

#bbd3d9 background color

This paragraph has a background color of #bbd3d9.

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

#bbd3d9 border color

This element has a border color of #bbd3d9.

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

CSS codes

.text {color:#bbd3d9;}

.background {background-color:#bbd3d9;}

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

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

#040708
```
#040708 rgb(4,7,8)
```
#0b1214
```
#0b1214 rgb(11,18,20)
```
#121e21
```
#121e21 rgb(18,30,33)
```
#19292d
```
#19292d rgb(25,41,45)
```
#20353a
```
#20353a rgb(32,53,58)
```
#274046
```
#274046 rgb(39,64,70)
```
#2e4c53
```
#2e4c53 rgb(46,76,83)
```
#355760
```
#355760 rgb(53,87,96)
```
#3c636c
```
#3c636c rgb(60,99,108)
```
#436e79
```
#436e79 rgb(67,110,121)
```
#4b7a85
```
#4b7a85 rgb(75,122,133)
```
#528592
```
#528592 rgb(82,133,146)
```
#59919f
```
#59919f rgb(89,145,159)
```

Shade Color Variation

#639aa8
```
#639aa8 rgb(99,154,168)
```
#6fa2af
```
#6fa2af rgb(111,162,175)
```
#7caab6
```
#7caab6 rgb(124,170,182)
```
#89b2bd
```
#89b2bd rgb(137,178,189)
```
#95bbc4
```
#95bbc4 rgb(149,187,196)
```
#a2c3cb
```
#a2c3cb rgb(162,195,203)
```
#aecbd2
```
#aecbd2 rgb(174,203,210)
```
#bbd3d9
```
#bbd3d9 rgb(187,211,217)
```
#c8dbe0
```
#c8dbe0 rgb(200,219,224)
```
#d4e3e7
```
#d4e3e7 rgb(212,227,231)
```
#e1ebee
```
#e1ebee rgb(225,235,238)
```
#edf4f5
```
#edf4f5 rgb(237,244,245)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Tint Color Variation

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

#c7cccd
```
#c7cccd rgb(199,204,205)
```
#c3ced1
```
#c3ced1 rgb(195,206,209)
```
#bfd1d5
```
#bfd1d5 rgb(191,209,213)
```
#bbd3d9
```
#bbd3d9 rgb(187,211,217)
```
#b7d5dd
```
#b7d5dd rgb(183,213,221)
```
#b3d8e1
```
#b3d8e1 rgb(179,216,225)
```
#afdae5
```
#afdae5 rgb(175,218,229)
```
#abdde9
```
#abdde9 rgb(171,221,233)
```
#a7dfed
```
#a7dfed rgb(167,223,237)
```
#a3e2f1
```
#a3e2f1 rgb(163,226,241)
```
#9ee4f6
```
#9ee4f6 rgb(158,228,246)
```
#9ae7fa
```
#9ae7fa rgb(154,231,250)
```
#96e9fe
```
#96e9fe rgb(150,233,254)
```

Tone Color Variation

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

Dichromacy

#d2d0d8 Protanopia 1% of men
#decbde Deuteranopia 1% of men
#c0d3e3 Tritanopia 0.001% of the population

Trichromacy

#c9d1d8 Protanomaly 1% of men, 0.01% of women
#d1cedc Deuteranomaly 6% of men, 0.4% of women
#bed3df Tritanomaly 0.01% of the population

#bbd3d9 hex color

#bbd3d9 Color Information

#bbd3d9 Color Conversion

Color Schemes with #bbd3d9

Alternatives to #bbd3d9

#bbd3d9 Preview

Shades and Tints of #bbd3d9

Tones of #bbd3d9

Color Blindness Simulator