#bbd7dc hex color

In a RGB color space, hex #bbd7dc is composed of 73.3% red, 84.3% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 2.3% magenta, 0% yellow and 13.7% black. It has a hue angle of 189.1 degrees, a saturation of 32% and a lightness of 79.8%. #bbd7dc color hex could be obtained by blending #ffffff with #77afb9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 84
- B 86
RGB color chart
- C 15
- M 2
- Y 0
- K 14
CMYK color chart

● #bbd7dc color description : Light grayish cyan.

The hexadecimal color #bbd7dc has RGB values of R:187, G:215, B:220 and CMYK values of C:0.15, M:0.02, Y:0, K:0.14. Its decimal value is 12310492.

Hex triplet	bbd7dc	`#bbd7dc`
RGB Decimal	187, 215, 220	`rgb(187,215,220)`
RGB Percent	73.3, 84.3, 86.3	`rgb(73.3%,84.3%,86.3%)`
CMYK	15, 2, 0, 14
HSL	189.1°, 32, 79.8	`hsl(189.1,32%,79.8%)`
HSV (or HSB)	189.1°, 15, 86.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.138, -8.242, -5.598
XYZ	57.709, 64.332, 77.083
xyY	0.29, 0.323, 64.332
CIE-LCH	84.138, 9.963, 214.185
CIE-LUV	84.138, -15.039, -7.22
Hunter-Lab	80.207, -11.931, -0.836
Binary	10111011, 11010111, 11011100

#bbd7dc
```
#bbd7dc rgb(187,215,220)
```
#dcc0bb
```
#dcc0bb rgb(220,192,187)
```

Complementary Color

#bbdcd1
```
#bbdcd1 rgb(187,220,209)
```
#bbd7dc
```
#bbd7dc rgb(187,215,220)
```
#bbc7dc
```
#bbc7dc rgb(187,199,220)
```

Analogous Color

#dcd1bb
```
#dcd1bb rgb(220,209,187)
```
#bbd7dc
```
#bbd7dc rgb(187,215,220)
```
#dcbbc7
```
#dcbbc7 rgb(220,187,199)
```

Split Complementary Color

#d7dcbb
```
#d7dcbb rgb(215,220,187)
```
#bbd7dc
```
#bbd7dc rgb(187,215,220)
```
#dcbbd7
```
#dcbbd7 rgb(220,187,215)
```

Triadic Color

#bbdcc0
```
#bbdcc0 rgb(187,220,192)
```
#bbd7dc
```
#bbd7dc rgb(187,215,220)
```
#dcbbd7
```
#dcbbd7 rgb(220,187,215)
```
#dcc0bb
```
#dcc0bb rgb(220,192,187)
```

Tetradic Color

#88b9c2
```
#88b9c2 rgb(136,185,194)
```
#99c3cb
```
#99c3cb rgb(153,195,203)
```
#aacdd3
```
#aacdd3 rgb(170,205,211)
```
#bbd7dc
```
#bbd7dc rgb(187,215,220)
```
#cce1e5
```
#cce1e5 rgb(204,225,229)
```
#ddebed
```
#ddebed rgb(221,235,237)
```
#eef5f6
```
#eef5f6 rgb(238,245,246)
```

Monochromatic Color

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

#bbdcd9
```
#bbdcd9 rgb(187,220,217)
```
#bbdcdc
```
#bbdcdc rgb(187,220,220)
```
#bbdadc
```
#bbdadc rgb(187,218,220)
```
#bbd7dc
```
#bbd7dc rgb(187,215,220)
```
#bbd4dc
```
#bbd4dc rgb(187,212,220)
```
#bbd2dc
```
#bbd2dc rgb(187,210,220)
```
#bbcfdc
```
#bbcfdc rgb(187,207,220)
```

Similar Colors

Text with hexadecimal color #bbd7dc

This text has a font color of #bbd7dc.

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

#bbd7dc background color

This paragraph has a background color of #bbd7dc.

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

#bbd7dc border color

This element has a border color of #bbd7dc.

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

CSS codes

.text {color:#bbd7dc;}

.background {background-color:#bbd7dc;}

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

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, #05090a is the darkest color, while #fcfdfd is the lightest one.

#05090a
```
#05090a rgb(5,9,10)
```
#0c1517
```
#0c1517 rgb(12,21,23)
```
#122124
```
#122124 rgb(18,33,36)
```
#192d31
```
#192d31 rgb(25,45,49)
```
#20393d
```
#20393d rgb(32,57,61)
```
#26454a
```
#26454a rgb(38,69,74)
```
#2d5157
```
#2d5157 rgb(45,81,87)
```
#345d64
```
#345d64 rgb(52,93,100)
```
#3a6971
```
#3a6971 rgb(58,105,113)
```
#41757e
```
#41757e rgb(65,117,126)
```
#48818b
```
#48818b rgb(72,129,139)
```
#4e8d98
```
#4e8d98 rgb(78,141,152)
```
#5599a5
```
#5599a5 rgb(85,153,165)
```

Shade Color Variation

#60a2ad
```
#60a2ad rgb(96,162,173)
```
#6da9b4
```
#6da9b4 rgb(109,169,180)
```
#7ab1bb
```
#7ab1bb rgb(122,177,187)
```
#87b9c1
```
#87b9c1 rgb(135,185,193)
```
#94c0c8
```
#94c0c8 rgb(148,192,200)
```
#a1c8cf
```
#a1c8cf rgb(161,200,207)
```
#aecfd5
```
#aecfd5 rgb(174,207,213)
```
#bbd7dc
```
#bbd7dc rgb(187,215,220)
```
#c8dfe3
```
#c8dfe3 rgb(200,223,227)
```
#d5e6e9
```
#d5e6e9 rgb(213,230,233)
```
#e2eef0
```
#e2eef0 rgb(226,238,240)
```
#eff5f7
```
#eff5f7 rgb(239,245,247)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#cbcccc
```
#cbcccc rgb(203,204,204)
```
#c7cfd0
```
#c7cfd0 rgb(199,207,208)
```
#c3d1d4
```
#c3d1d4 rgb(195,209,212)
```
#bfd4d8
```
#bfd4d8 rgb(191,212,216)
```
#bbd7dc
```
#bbd7dc rgb(187,215,220)
```
#b7dae0
```
#b7dae0 rgb(183,218,224)
```
#b3dde4
```
#b3dde4 rgb(179,221,228)
```
#afdfe8
```
#afdfe8 rgb(175,223,232)
```
#abe2ec
```
#abe2ec rgb(171,226,236)
```
#a7e5f0
```
#a7e5f0 rgb(167,229,240)
```
#a3e8f4
```
#a3e8f4 rgb(163,232,244)
```
#9feaf8
```
#9feaf8 rgb(159,234,248)
```
#9bedfc
```
#9bedfc rgb(155,237,252)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#cbd1d2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5d3da Protanopia 1% of men
#e1cee1 Deuteranopia 1% of men
#c0d7e7 Tritanopia 0.001% of the population

Trichromacy

#ccd4db Protanomaly 1% of men, 0.01% of women
#d3d1df Deuteranomaly 6% of men, 0.4% of women
#bed7e3 Tritanomaly 0.01% of the population

#bbd7dc hex color

#bbd7dc Color Information

#bbd7dc Color Conversion

Color Schemes with #bbd7dc

Alternatives to #bbd7dc

#bbd7dc Preview

Shades and Tints of #bbd7dc

Tones of #bbd7dc

Color Blindness Simulator