#bbd5cc hex color

In a RGB color space, hex #bbd5cc is composed of 73.3% red, 83.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 12.2% cyan, 0% magenta, 4.2% yellow and 16.5% black. It has a hue angle of 159.2 degrees, a saturation of 23.6% and a lightness of 78.4%. #bbd5cc color hex could be obtained by blending #ffffff with #77ab99. Closest websafe color is: #cccccc.

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

● #bbd5cc color description : Grayish cyan - lime green.

The hexadecimal color #bbd5cc has RGB values of R:187, G:213, B:204 and CMYK values of C:0.12, M:0, Y:0.04, K:0.16. Its decimal value is 12309964.

Hex triplet	bbd5cc	`#bbd5cc`
RGB Decimal	187, 213, 204	`rgb(187,213,204)`
RGB Percent	73.3, 83.5, 80	`rgb(73.3%,83.5%,80%)`
CMYK	12, 0, 4, 16
HSL	159.2°, 23.6, 78.4	`hsl(159.2,23.6%,78.4%)`
HSV (or HSB)	159.2°, 12.2, 83.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.185, -10.4, 1.506
XYZ	55.184, 62.512, 66.282
xyY	0.3, 0.34, 62.512
CIE-LCH	83.185, 10.508, 171.758
CIE-LUV	83.185, -13.639, 4.071
Hunter-Lab	79.065, -13.776, 5.641
Binary	10111011, 11010101, 11001100

#bbd5cc
```
#bbd5cc rgb(187,213,204)
```
#d5bbc4
```
#d5bbc4 rgb(213,187,196)
```

Complementary Color

#bbd5bf
```
#bbd5bf rgb(187,213,191)
```
#bbd5cc
```
#bbd5cc rgb(187,213,204)
```
#bbd1d5
```
#bbd1d5 rgb(187,209,213)
```

Analogous Color

#d5bfbb
```
#d5bfbb rgb(213,191,187)
```
#bbd5cc
```
#bbd5cc rgb(187,213,204)
```
#d5bbd1
```
#d5bbd1 rgb(213,187,209)
```

Split Complementary Color

#d5ccbb
```
#d5ccbb rgb(213,204,187)
```
#bbd5cc
```
#bbd5cc rgb(187,213,204)
```
#ccbbd5
```
#ccbbd5 rgb(204,187,213)
```

Triadic Color

#c4d5bb
```
#c4d5bb rgb(196,213,187)
```
#bbd5cc
```
#bbd5cc rgb(187,213,204)
```
#ccbbd5
```
#ccbbd5 rgb(204,187,213)
```
#d5bbc4
```
#d5bbc4 rgb(213,187,196)
```

Tetradic Color

#8cb8a9
```
#8cb8a9 rgb(140,184,169)
```
#9bc2b4
```
#9bc2b4 rgb(155,194,180)
```
#abcbc0
```
#abcbc0 rgb(171,203,192)
```
#bbd5cc
```
#bbd5cc rgb(187,213,204)
```
#cbdfd8
```
#cbdfd8 rgb(203,223,216)
```
#dbe8e4
```
#dbe8e4 rgb(219,232,228)
```
#eaf2ef
```
#eaf2ef rgb(234,242,239)
```

Monochromatic Color

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

#bbd5c6
```
#bbd5c6 rgb(187,213,198)
```
#bbd5c8
```
#bbd5c8 rgb(187,213,200)
```
#bbd5ca
```
#bbd5ca rgb(187,213,202)
```
#bbd5cc
```
#bbd5cc rgb(187,213,204)
```
#bbd5ce
```
#bbd5ce rgb(187,213,206)
```
#bbd5d0
```
#bbd5d0 rgb(187,213,208)
```
#bbd5d3
```
#bbd5d3 rgb(187,213,211)
```

Similar Colors

Text with hexadecimal color #bbd5cc

This text has a font color of #bbd5cc.

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

#bbd5cc background color

This paragraph has a background color of #bbd5cc.

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

#bbd5cc border color

This element has a border color of #bbd5cc.

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

CSS codes

.text {color:#bbd5cc;}

.background {background-color:#bbd5cc;}

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

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

#030504
```
#030504 rgb(3,5,4)
```
#0a110f
```
#0a110f rgb(10,17,15)
```
#121d19
```
#121d19 rgb(18,29,25)
```
#192924
```
#192924 rgb(25,41,36)
```
#21352e
```
#21352e rgb(33,53,46)
```
#284139
```
#284139 rgb(40,65,57)
```
#304e43
```
#304e43 rgb(48,78,67)
```
#375a4e
```
#375a4e rgb(55,90,78)
```
#3f6658
```
#3f6658 rgb(63,102,88)
```
#467263
```
#467263 rgb(70,114,99)
```
#4e7e6d
```
#4e7e6d rgb(78,126,109)
```
#558a78
```
#558a78 rgb(85,138,120)
```
#5d9682
```
#5d9682 rgb(93,150,130)
```

Shade Color Variation

#66a18c
```
#66a18c rgb(102,161,140)
```
#72a895
```
#72a895 rgb(114,168,149)
```
#7eb09f
```
#7eb09f rgb(126,176,159)
```
#8ab7a8
```
#8ab7a8 rgb(138,183,168)
```
#97bfb1
```
#97bfb1 rgb(151,191,177)
```
#a3c6ba
```
#a3c6ba rgb(163,198,186)
```
#afcec3
```
#afcec3 rgb(175,206,195)
```
#bbd5cc
```
#bbd5cc rgb(187,213,204)
```
#c7dcd5
```
#c7dcd5 rgb(199,220,213)
```
#d3e4de
```
#d3e4de rgb(211,228,222)
```
#dfebe7
```
#dfebe7 rgb(223,235,231)
```
#ecf3f0
```
#ecf3f0 rgb(236,243,240)
```
#f8faf9
```
#f8faf9 rgb(248,250,249)
```

Tint Color Variation

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

#c8c8c8
```
#c8c8c8 rgb(200,200,200)
```
#c3cdc9
```
#c3cdc9 rgb(195,205,201)
```
#bfd1cb
```
#bfd1cb rgb(191,209,203)
```
#bbd5cc
```
#bbd5cc rgb(187,213,204)
```
#b7d9cd
```
#b7d9cd rgb(183,217,205)
```
#b3ddcf
```
#b3ddcf rgb(179,221,207)
```
#aee2d0
```
#aee2d0 rgb(174,226,208)
```
#aae6d1
```
#aae6d1 rgb(170,230,209)
```
#a6ead3
```
#a6ead3 rgb(166,234,211)
```
#a2eed4
```
#a2eed4 rgb(162,238,212)
```
#9df3d5
```
#9df3d5 rgb(157,243,213)
```
#99f7d6
```
#99f7d6 rgb(153,247,214)
```
#95fbd8
```
#95fbd8 rgb(149,251,216)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c9cecc Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6d0cb Protanopia 1% of men
#e4cbd2 Deuteranopia 1% of men
#c2d3e3 Tritanopia 0.001% of the population

Trichromacy

#ccd2cb Protanomaly 1% of men, 0.01% of women
#d5ced0 Deuteranomaly 6% of men, 0.4% of women
#bfd4da Tritanomaly 0.01% of the population

#bbd5cc hex color

#bbd5cc Color Information

#bbd5cc Color Conversion

Color Schemes with #bbd5cc

Alternatives to #bbd5cc

#bbd5cc Preview

Shades and Tints of #bbd5cc

Tones of #bbd5cc

Color Blindness Simulator