#bbd7df hex color

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

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

● #bbd7df color description : Light grayish cyan.

The hexadecimal color #bbd7df has RGB values of R:187, G:215, B:223 and CMYK values of C:0.16, M:0.04, Y:0, K:0.13. Its decimal value is 12310495.

Hex triplet	bbd7df	`#bbd7df`
RGB Decimal	187, 215, 223	`rgb(187,215,223)`
RGB Percent	73.3, 84.3, 87.5	`rgb(73.3%,84.3%,87.5%)`
CMYK	16, 4, 0, 13
HSL	193.3°, 36, 80.4	`hsl(193.3,36%,80.4%)`
HSV (or HSB)	193.3°, 16.1, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.221, -7.622, -7.067
XYZ	58.11, 64.492, 79.195
xyY	0.288, 0.32, 64.492
CIE-LCH	84.221, 10.394, 222.839
CIE-LUV	84.221, -15.123, -9.635
Hunter-Lab	80.307, -11.374, -2.254
Binary	10111011, 11010111, 11011111

#bbd7df
```
#bbd7df rgb(187,215,223)
```
#dfc3bb
```
#dfc3bb rgb(223,195,187)
```

Complementary Color

#bbdfd5
```
#bbdfd5 rgb(187,223,213)
```
#bbd7df
```
#bbd7df rgb(187,215,223)
```
#bbc5df
```
#bbc5df rgb(187,197,223)
```

Analogous Color

#dfd5bb
```
#dfd5bb rgb(223,213,187)
```
#bbd7df
```
#bbd7df rgb(187,215,223)
```
#dfbbc5
```
#dfbbc5 rgb(223,187,197)
```

Split Complementary Color

#d7dfbb
```
#d7dfbb rgb(215,223,187)
```
#bbd7df
```
#bbd7df rgb(187,215,223)
```
#dfbbd7
```
#dfbbd7 rgb(223,187,215)
```

Triadic Color

#bbdfc3
```
#bbdfc3 rgb(187,223,195)
```
#bbd7df
```
#bbd7df rgb(187,215,223)
```
#dfbbd7
```
#dfbbd7 rgb(223,187,215)
```
#dfc3bb
```
#dfc3bb rgb(223,195,187)
```

Tetradic Color

#87b8c7
```
#87b8c7 rgb(135,184,199)
```
#98c3cf
```
#98c3cf rgb(152,195,207)
```
#aacdd7
```
#aacdd7 rgb(170,205,215)
```
#bbd7df
```
#bbd7df rgb(187,215,223)
```
#cce1e7
```
#cce1e7 rgb(204,225,231)
```
#deebef
```
#deebef rgb(222,235,239)
```
#eff6f7
```
#eff6f7 rgb(239,246,247)
```

Monochromatic Color

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

#bbdfde
```
#bbdfde rgb(187,223,222)
```
#bbdddf
```
#bbdddf rgb(187,221,223)
```
#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)
```

Similar Colors

Text with hexadecimal color #bbd7df

This text has a font color of #bbd7df.

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

#bbd7df background color

This paragraph has a background color of #bbd7df.

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

#bbd7df border color

This element has a border color of #bbd7df.

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

CSS codes

.text {color:#bbd7df;}

.background {background-color:#bbd7df;}

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

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

#060b0c
```
#060b0c rgb(6,11,12)
```
#0c1619
```
#0c1619 rgb(12,22,25)
```
#122227
```
#122227 rgb(18,34,39)
```
#182e34
```
#182e34 rgb(24,46,52)
```
#1f3a41
```
#1f3a41 rgb(31,58,65)
```
#25454f
```
#25454f rgb(37,69,79)
```
#2b515c
```
#2b515c rgb(43,81,92)
```
#325d69
```
#325d69 rgb(50,93,105)
```
#386977
```
#386977 rgb(56,105,119)
```
#3e7584
```
#3e7584 rgb(62,117,132)
```
#448091
```
#448091 rgb(68,128,145)
```
#4b8c9f
```
#4b8c9f rgb(75,140,159)
```
#5198ac
```
#5198ac rgb(81,152,172)
```

Shade Color Variation

#5ea0b3
```
#5ea0b3 rgb(94,160,179)
```
#6ba8b9
```
#6ba8b9 rgb(107,168,185)
```
#78b0c0
```
#78b0c0 rgb(120,176,192)
```
#86b8c6
```
#86b8c6 rgb(134,184,198)
```
#93bfcc
```
#93bfcc rgb(147,191,204)
```
#a0c7d2
```
#a0c7d2 rgb(160,199,210)
```
#aecfd9
```
#aecfd9 rgb(174,207,217)
```
#bbd7df
```
#bbd7df rgb(187,215,223)
```
#c8dfe5
```
#c8dfe5 rgb(200,223,229)
```
#d6e7ec
```
#d6e7ec rgb(214,231,236)
```
#e3eff2
```
#e3eff2 rgb(227,239,242)
```
#f0f6f8
```
#f0f6f8 rgb(240,246,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 #9ce8fe is the most saturated one.

#caced0
```
#caced0 rgb(202,206,208)
```
#c7d1d3
```
#c7d1d3 rgb(199,209,211)
```
#c3d3d7
```
#c3d3d7 rgb(195,211,215)
```
#bfd5db
```
#bfd5db rgb(191,213,219)
```
#bbd7df
```
#bbd7df rgb(187,215,223)
```
#b7d9e3
```
#b7d9e3 rgb(183,217,227)
```
#b3dbe7
```
#b3dbe7 rgb(179,219,231)
```
#afddeb
```
#afddeb rgb(175,221,235)
```
#ace0ee
```
#ace0ee rgb(172,224,238)
```
#a8e2f2
```
#a8e2f2 rgb(168,226,242)
```
#a4e4f6
```
#a4e4f6 rgb(164,228,246)
```
#a0e6fa
```
#a0e6fa rgb(160,230,250)
```
#9ce8fe
```
#9ce8fe rgb(156,232,254)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#ccd1d3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5d3dd Protanopia 1% of men
#e0cee4 Deuteranopia 1% of men
#c0d7e7 Tritanopia 0.001% of the population

Trichromacy

#cbd4de Protanomaly 1% of men, 0.01% of women
#d2d1e2 Deuteranomaly 6% of men, 0.4% of women
#bed7e4 Tritanomaly 0.01% of the population

#bbd7df hex color

#bbd7df Color Information

#bbd7df Color Conversion

Color Schemes with #bbd7df

Alternatives to #bbd7df

#bbd7df Preview

Shades and Tints of #bbd7df

Tones of #bbd7df

Color Blindness Simulator