colorhexa.com

#bbdfdc hex color

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

- R 73
- G 87
- B 86
RGB color chart
- C 16
- M 0
- Y 1
- K 13
CMYK color chart

● #bbdfdc color description : Light grayish cyan.

The hexadecimal color #bbdfdc has RGB values of R:187, G:223, B:220 and CMYK values of C:0.16, M:0, Y:0.01, K:0.13. Its decimal value is 12312540.

Hex triplet	bbdfdc	`#bbdfdc`
RGB Decimal	187, 223, 220	`rgb(187,223,220)`
RGB Percent	73.3, 87.5, 86.3	`rgb(73.3%,87.5%,86.3%)`
CMYK	16, 0, 1, 13
HSL	175°, 36, 80.4	`hsl(175,36%,80.4%)`
HSV (or HSB)	175°, 16.1, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	86.259, -12.338, -2.476
XYZ	59.797, 68.506, 77.779
xyY	0.29, 0.332, 68.506
CIE-LCH	86.259, 12.585, 191.348
CIE-LUV	86.259, -18.769, -1.688
Hunter-Lab	82.768, -15.886, 2.222
Binary	10111011, 11011111, 11011100

#bbdfdc
```
#bbdfdc rgb(187,223,220)
```
#dfbbbe
```
#dfbbbe rgb(223,187,190)
```

Complementary Color

#bbdfca
```
#bbdfca rgb(187,223,202)
```
#bbdfdc
```
#bbdfdc rgb(187,223,220)
```
#bbd0df
```
#bbd0df rgb(187,208,223)
```

Analogous Color

#dfcabb
```
#dfcabb rgb(223,202,187)
```
#bbdfdc
```
#bbdfdc rgb(187,223,220)
```
#dfbbd0
```
#dfbbd0 rgb(223,187,208)
```

Split Complementary Color

#dfdcbb
```
#dfdcbb rgb(223,220,187)
```
#bbdfdc
```
#bbdfdc rgb(187,223,220)
```
#dcbbdf
```
#dcbbdf rgb(220,187,223)
```

Triadic Color

#bedfbb
```
#bedfbb rgb(190,223,187)
```
#bbdfdc
```
#bbdfdc rgb(187,223,220)
```
#dcbbdf
```
#dcbbdf rgb(220,187,223)
```
#dfbbbe
```
#dfbbbe rgb(223,187,190)
```

Tetradic Color

#87c7c1
```
#87c7c1 rgb(135,199,193)
```
#98cfca
```
#98cfca rgb(152,207,202)
```
#aad7d3
```
#aad7d3 rgb(170,215,211)
```
#bbdfdc
```
#bbdfdc rgb(187,223,220)
```
#cce7e5
```
#cce7e5 rgb(204,231,229)
```
#deefee
```
#deefee rgb(222,239,238)
```
#eff7f7
```
#eff7f7 rgb(239,247,247)
```

Monochromatic Color

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

#bbdfd3
```
#bbdfd3 rgb(187,223,211)
```
#bbdfd6
```
#bbdfd6 rgb(187,223,214)
```
#bbdfd9
```
#bbdfd9 rgb(187,223,217)
```
#bbdfdc
```
#bbdfdc rgb(187,223,220)
```
#bbdfdf
```
#bbdfdf rgb(187,223,223)
```
#bbdcdf
```
#bbdcdf rgb(187,220,223)
```
#bbd9df
```
#bbd9df rgb(187,217,223)
```

Similar Colors

Text with hexadecimal color #bbdfdc

This text has a font color of #bbdfdc.

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

#bbdfdc background color

This paragraph has a background color of #bbdfdc.

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

#bbdfdc border color

This element has a border color of #bbdfdc.

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

CSS codes

.text {color:#bbdfdc;}

.background {background-color:#bbdfdc;}

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

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

#060c0c
```
#060c0c rgb(6,12,12)
```
#0c1918
```
#0c1918 rgb(12,25,24)
```
#122725
```
#122725 rgb(18,39,37)
```
#183432
```
#183432 rgb(24,52,50)
```
#1f413f
```
#1f413f rgb(31,65,63)
```
#254f4b
```
#254f4b rgb(37,79,75)
```
#2b5c58
```
#2b5c58 rgb(43,92,88)
```
#326965
```
#326965 rgb(50,105,101)
```
#387772
```
#387772 rgb(56,119,114)
```
#3e847e
```
#3e847e rgb(62,132,126)
```
#44918b
```
#44918b rgb(68,145,139)
```
#4b9f98
```
#4b9f98 rgb(75,159,152)
```
#51aca5
```
#51aca5 rgb(81,172,165)
```

Shade Color Variation

#5eb3ac
```
#5eb3ac rgb(94,179,172)
```
#6bb9b3
```
#6bb9b3 rgb(107,185,179)
```
#78c0ba
```
#78c0ba rgb(120,192,186)
```
#86c6c1
```
#86c6c1 rgb(134,198,193)
```
#93ccc7
```
#93ccc7 rgb(147,204,199)
```
#a0d2ce
```
#a0d2ce rgb(160,210,206)
```
#aed9d5
```
#aed9d5 rgb(174,217,213)
```
#bbdfdc
```
#bbdfdc rgb(187,223,220)
```
#c8e5e3
```
#c8e5e3 rgb(200,229,227)
```
#d6ecea
```
#d6ecea rgb(214,236,234)
```
#e3f2f1
```
#e3f2f1 rgb(227,242,241)
```
#f0f8f7
```
#f0f8f7 rgb(240,248,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#cad0cf
```
#cad0cf rgb(202,208,207)
```
#c7d3d2
```
#c7d3d2 rgb(199,211,210)
```
#c3d7d6
```
#c3d7d6 rgb(195,215,214)
```
#bfdbd9
```
#bfdbd9 rgb(191,219,217)
```
#bbdfdc
```
#bbdfdc rgb(187,223,220)
```
#b7e3df
```
#b7e3df rgb(183,227,223)
```
#b3e7e2
```
#b3e7e2 rgb(179,231,226)
```
#afebe6
```
#afebe6 rgb(175,235,230)
```
#aceee9
```
#aceee9 rgb(172,238,233)
```
#a8f2ec
```
#a8f2ec rgb(168,242,236)
```
#a4f6ef
```
#a4f6ef rgb(164,246,239)
```
#a0faf2
```
#a0faf2 rgb(160,250,242)
```
#9cfef6
```
#9cfef6 rgb(156,254,246)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#cfd6d6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddd8d9 Protanopia 1% of men
#ead3e2 Deuteranopia 1% of men
#c2deee Tritanopia 0.001% of the population

Trichromacy

#d0dbda Protanomaly 1% of men, 0.01% of women
#d8d7df Deuteranomaly 6% of men, 0.4% of women
#bfdee7 Tritanomaly 0.01% of the population