#bbd4d6 hex color

In a RGB color space, hex #bbd4d6 is composed of 73.3% red, 83.1% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 12.6% cyan, 0.9% magenta, 0% yellow and 16.1% black. It has a hue angle of 184.4 degrees, a saturation of 24.8% and a lightness of 78.6%. #bbd4d6 color hex could be obtained by blending #ffffff with #77a9ad. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 83
- B 84
RGB color chart
- C 13
- M 1
- Y 0
- K 16
CMYK color chart

● #bbd4d6 color description : Grayish cyan.

The hexadecimal color #bbd4d6 has RGB values of R:187, G:212, B:214 and CMYK values of C:0.13, M:0.01, Y:0, K:0.16. Its decimal value is 12309718.

Hex triplet	bbd4d6	`#bbd4d6`
RGB Decimal	187, 212, 214	`rgb(187,212,214)`
RGB Percent	73.3, 83.1, 83.9	`rgb(73.3%,83.1%,83.9%)`
CMYK	13, 1, 0, 16
HSL	184.4°, 24.8, 78.6	`hsl(184.4,24.8%,78.6%)`
HSV (or HSB)	184.4°, 12.6, 83.9
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.182, -7.912, -3.818
XYZ	56.172, 62.506, 72.72
xyY	0.293, 0.327, 62.506
CIE-LCH	83.182, 8.785, 205.762
CIE-LUV	83.182, -13.454, -4.491
Hunter-Lab	79.061, -11.533, 0.807
Binary	10111011, 11010100, 11010110

#bbd4d6
```
#bbd4d6 rgb(187,212,214)
```
#d6bdbb
```
#d6bdbb rgb(214,189,187)
```

Complementary Color

#bbd6cb
```
#bbd6cb rgb(187,214,203)
```
#bbd4d6
```
#bbd4d6 rgb(187,212,214)
```
#bbc7d6
```
#bbc7d6 rgb(187,199,214)
```

Analogous Color

#d6cbbb
```
#d6cbbb rgb(214,203,187)
```
#bbd4d6
```
#bbd4d6 rgb(187,212,214)
```
#d6bbc7
```
#d6bbc7 rgb(214,187,199)
```

Split Complementary Color

#d4d6bb
```
#d4d6bb rgb(212,214,187)
```
#bbd4d6
```
#bbd4d6 rgb(187,212,214)
```
#d6bbd4
```
#d6bbd4 rgb(214,187,212)
```

Triadic Color

#bbd6bd
```
#bbd6bd rgb(187,214,189)
```
#bbd4d6
```
#bbd4d6 rgb(187,212,214)
```
#d6bbd4
```
#d6bbd4 rgb(214,187,212)
```
#d6bdbb
```
#d6bdbb rgb(214,189,187)
```

Tetradic Color

#8bb6b9
```
#8bb6b9 rgb(139,182,185)
```
#9bc0c3
```
#9bc0c3 rgb(155,192,195)
```
#abcacc
```
#abcacc rgb(171,202,204)
```
#bbd4d6
```
#bbd4d6 rgb(187,212,214)
```
#cbdee0
```
#cbdee0 rgb(203,222,224)
```
#dbe8e9
```
#dbe8e9 rgb(219,232,233)
```
#ebf2f3
```
#ebf2f3 rgb(235,242,243)
```

Monochromatic Color

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

#bbd6d1
```
#bbd6d1 rgb(187,214,209)
```
#bbd6d4
```
#bbd6d4 rgb(187,214,212)
```
#bbd6d6
```
#bbd6d6 rgb(187,214,214)
```
#bbd4d6
```
#bbd4d6 rgb(187,212,214)
```
#bbd2d6
```
#bbd2d6 rgb(187,210,214)
```
#bbd0d6
```
#bbd0d6 rgb(187,208,214)
```
#bbcdd6
```
#bbcdd6 rgb(187,205,214)
```

Similar Colors

Text with hexadecimal color #bbd4d6

This text has a font color of #bbd4d6.

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

#bbd4d6 background color

This paragraph has a background color of #bbd4d6.

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

#bbd4d6 border color

This element has a border color of #bbd4d6.

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

CSS codes

.text {color:#bbd4d6;}

.background {background-color:#bbd4d6;}

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

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

#030505
```
#030505 rgb(3,5,5)
```
#0b1112
```
#0b1112 rgb(11,17,18)
```
#121d1e
```
#121d1e rgb(18,29,30)
```
#19292a
```
#19292a rgb(25,41,42)
```
#213536
```
#213536 rgb(33,53,54)
```
#284143
```
#284143 rgb(40,65,67)
```
#304d4f
```
#304d4f rgb(48,77,79)
```
#37585b
```
#37585b rgb(55,88,91)
```
#3e6467
```
#3e6467 rgb(62,100,103)
```
#467074
```
#467074 rgb(70,112,116)
```
#4d7c80
```
#4d7c80 rgb(77,124,128)
```
#54888c
```
#54888c rgb(84,136,140)
```
#5c9498
```
#5c9498 rgb(92,148,152)
```

Shade Color Variation

#659ea2
```
#659ea2 rgb(101,158,162)
```
#72a6aa
```
#72a6aa rgb(114,166,170)
```
#7eadb1
```
#7eadb1 rgb(126,173,177)
```
#8ab5b8
```
#8ab5b8 rgb(138,181,184)
```
#96bdc0
```
#96bdc0 rgb(150,189,192)
```
#a3c5c7
```
#a3c5c7 rgb(163,197,199)
```
#afcccf
```
#afcccf rgb(175,204,207)
```
#bbd4d6
```
#bbd4d6 rgb(187,212,214)
```
#c7dcdd
```
#c7dcdd rgb(199,220,221)
```
#d3e3e5
```
#d3e3e5 rgb(211,227,229)
```
#e0ebec
```
#e0ebec rgb(224,235,236)
```
#ecf3f4
```
#ecf3f4 rgb(236,243,244)
```
#f8fbfb
```
#f8fbfb rgb(248,251,251)
```

Tint Color Variation

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

#c8c9c9
```
#c8c9c9 rgb(200,201,201)
```
#c3cdce
```
#c3cdce rgb(195,205,206)
```
#bfd0d2
```
#bfd0d2 rgb(191,208,210)
```
#bbd4d6
```
#bbd4d6 rgb(187,212,214)
```
#b7d8da
```
#b7d8da rgb(183,216,218)
```
#b3dbde
```
#b3dbde rgb(179,219,222)
```
#aedfe3
```
#aedfe3 rgb(174,223,227)
```
#aae2e7
```
#aae2e7 rgb(170,226,231)
```
#a6e6eb
```
#a6e6eb rgb(166,230,235)
```
#a2e9ef
```
#a2e9ef rgb(162,233,239)
```
#9eedf3
```
#9eedf3 rgb(158,237,243)
```
#99f1f8
```
#99f1f8 rgb(153,241,248)
```
#95f4fc
```
#95f4fc rgb(149,244,252)
```

Tone Color Variation

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

#d4d0d5 Protanopia 1% of men
#e0cbdb Deuteranopia 1% of men
#c1d4e3 Tritanopia 0.001% of the population

Trichromacy

#cad1d5 Protanomaly 1% of men, 0.01% of women
#d2ced9 Deuteranomaly 6% of men, 0.4% of women
#bed4de Tritanomaly 0.01% of the population

#bbd4d6 hex color

#bbd4d6 Color Information

#bbd4d6 Color Conversion

Color Schemes with #bbd4d6

Alternatives to #bbd4d6

#bbd4d6 Preview

Shades and Tints of #bbd4d6

Tones of #bbd4d6

Color Blindness Simulator