#bbd9df hex color

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

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

● #bbd9df color description : Light grayish cyan.

The hexadecimal color #bbd9df has RGB values of R:187, G:217, B:223 and CMYK values of C:0.16, M:0.03, Y:0, K:0.13. Its decimal value is 12311007.

Hex triplet	bbd9df	`#bbd9df`
RGB Decimal	187, 217, 223	`rgb(187,217,223)`
RGB Percent	73.3, 85.1, 87.5	`rgb(73.3%,85.1%,87.5%)`
CMYK	16, 3, 0, 13
HSL	190°, 36, 80.4	`hsl(190,36%,80.4%)`
HSV (or HSB)	190°, 16.1, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.749, -8.654, -6.286
XYZ	58.623, 65.517, 79.365
xyY	0.288, 0.322, 65.517
CIE-LCH	84.749, 10.696, 215.994
CIE-LUV	84.749, -16.051, -8.242
Hunter-Lab	80.943, -12.371, -1.475
Binary	10111011, 11011001, 11011111

#bbd9df
```
#bbd9df rgb(187,217,223)
```
#dfc1bb
```
#dfc1bb rgb(223,193,187)
```

Complementary Color

#bbdfd3
```
#bbdfd3 rgb(187,223,211)
```
#bbd9df
```
#bbd9df rgb(187,217,223)
```
#bbc7df
```
#bbc7df rgb(187,199,223)
```

Analogous Color

#dfd3bb
```
#dfd3bb rgb(223,211,187)
```
#bbd9df
```
#bbd9df rgb(187,217,223)
```
#dfbbc7
```
#dfbbc7 rgb(223,187,199)
```

Split Complementary Color

#d9dfbb
```
#d9dfbb rgb(217,223,187)
```
#bbd9df
```
#bbd9df rgb(187,217,223)
```
#dfbbd9
```
#dfbbd9 rgb(223,187,217)
```

Triadic Color

#bbdfc1
```
#bbdfc1 rgb(187,223,193)
```
#bbd9df
```
#bbd9df rgb(187,217,223)
```
#dfbbd9
```
#dfbbd9 rgb(223,187,217)
```
#dfc1bb
```
#dfc1bb rgb(223,193,187)
```

Tetradic Color

#87bcc7
```
#87bcc7 rgb(135,188,199)
```
#98c6cf
```
#98c6cf rgb(152,198,207)
```
#aacfd7
```
#aacfd7 rgb(170,207,215)
```
#bbd9df
```
#bbd9df rgb(187,217,223)
```
#cce3e7
```
#cce3e7 rgb(204,227,231)
```
#deecef
```
#deecef rgb(222,236,239)
```
#eff6f7
```
#eff6f7 rgb(239,246,247)
```

Monochromatic Color

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

#bbdfdc
```
#bbdfdc rgb(187,223,220)
```
#bbdfdf
```
#bbdfdf rgb(187,223,223)
```
#bbdcdf
```
#bbdcdf rgb(187,220,223)
```
#bbd9df
```
#bbd9df rgb(187,217,223)
```
#bbd6df
```
#bbd6df rgb(187,214,223)
```
#bbd3df
```
#bbd3df rgb(187,211,223)
```
#bbd0df
```
#bbd0df rgb(187,208,223)
```

Similar Colors

Text with hexadecimal color #bbd9df

This text has a font color of #bbd9df.

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

#bbd9df background color

This paragraph has a background color of #bbd9df.

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

#bbd9df border color

This element has a border color of #bbd9df.

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

CSS codes

.text {color:#bbd9df;}

.background {background-color:#bbd9df;}

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

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)
```
#0c1719
```
#0c1719 rgb(12,23,25)
```
#122327
```
#122327 rgb(18,35,39)
```
#182f34
```
#182f34 rgb(24,47,52)
```
#1f3c41
```
#1f3c41 rgb(31,60,65)
```
#25484f
```
#25484f rgb(37,72,79)
```
#2b545c
```
#2b545c rgb(43,84,92)
```
#326069
```
#326069 rgb(50,96,105)
```
#386c77
```
#386c77 rgb(56,108,119)
```
#3e7884
```
#3e7884 rgb(62,120,132)
```
#448591
```
#448591 rgb(68,133,145)
```
#4b919f
```
#4b919f rgb(75,145,159)
```
#519dac
```
#519dac rgb(81,157,172)
```

Shade Color Variation

#5ea5b3
```
#5ea5b3 rgb(94,165,179)
```
#6bacb9
```
#6bacb9 rgb(107,172,185)
```
#78b4c0
```
#78b4c0 rgb(120,180,192)
```
#86bbc6
```
#86bbc6 rgb(134,187,198)
```
#93c3cc
```
#93c3cc rgb(147,195,204)
```
#a0cad2
```
#a0cad2 rgb(160,202,210)
```
#aed2d9
```
#aed2d9 rgb(174,210,217)
```
#bbd9df
```
#bbd9df rgb(187,217,223)
```
#c8e0e5
```
#c8e0e5 rgb(200,224,229)
```
#d6e8ec
```
#d6e8ec rgb(214,232,236)
```
#e3eff2
```
#e3eff2 rgb(227,239,242)
```
#f0f7f8
```
#f0f7f8 rgb(240,247,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#cacfd0
```
#cacfd0 rgb(202,207,208)
```
#c7d1d3
```
#c7d1d3 rgb(199,209,211)
```
#c3d4d7
```
#c3d4d7 rgb(195,212,215)
```
#bfd6db
```
#bfd6db rgb(191,214,219)
```
#bbd9df
```
#bbd9df rgb(187,217,223)
```
#b7dce3
```
#b7dce3 rgb(183,220,227)
```
#b3dee7
```
#b3dee7 rgb(179,222,231)
```
#afe1eb
```
#afe1eb rgb(175,225,235)
```
#ace3ee
```
#ace3ee rgb(172,227,238)
```
#a8e6f2
```
#a8e6f2 rgb(168,230,242)
```
#a4e8f6
```
#a4e8f6 rgb(164,232,246)
```
#a0ebfa
```
#a0ebfa rgb(160,235,250)
```
#9ceefe
```
#9ceefe rgb(156,238,254)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#cdd3d4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7d4dd Protanopia 1% of men
#e2d0e4 Deuteranopia 1% of men
#c0d9e9 Tritanopia 0.001% of the population

Trichromacy

#ccd6dd Protanomaly 1% of men, 0.01% of women
#d4d3e2 Deuteranomaly 6% of men, 0.4% of women
#bed9e5 Tritanomaly 0.01% of the population

#bbd9df hex color

#bbd9df Color Information

#bbd9df Color Conversion

Color Schemes with #bbd9df

Alternatives to #bbd9df

#bbd9df Preview

Shades and Tints of #bbd9df

Tones of #bbd9df

Color Blindness Simulator