#bbd3cc hex color

In a RGB color space, hex #bbd3cc is composed of 73.3% red, 82.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 11.4% cyan, 0% magenta, 3.3% yellow and 17.3% black. It has a hue angle of 162.5 degrees, a saturation of 21.4% and a lightness of 78%. #bbd3cc color hex could be obtained by blending #ffffff with #77a799. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 83
- B 80
RGB color chart
- C 11
- M 0
- Y 3
- K 17
CMYK color chart

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

The hexadecimal color #bbd3cc has RGB values of R:187, G:211, B:204 and CMYK values of C:0.11, M:0, Y:0.03, K:0.17. Its decimal value is 12309452.

Hex triplet	bbd3cc	`#bbd3cc`
RGB Decimal	187, 211, 204	`rgb(187,211,204)`
RGB Percent	73.3, 82.7, 80	`rgb(73.3%,82.7%,80%)`
CMYK	11, 0, 3, 17
HSL	162.5°, 21.4, 78	`hsl(162.5,21.4%,78%)`
HSV (or HSB)	162.5°, 11.4, 82.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.653, -9.371, 0.732
XYZ	54.685, 61.512, 66.115
xyY	0.3, 0.337, 61.512
CIE-LCH	82.653, 9.4, 175.534
CIE-LUV	82.653, -12.671, 2.724
Hunter-Lab	78.43, -12.794, 4.92
Binary	10111011, 11010011, 11001100

#bbd3cc
```
#bbd3cc rgb(187,211,204)
```
#d3bbc2
```
#d3bbc2 rgb(211,187,194)
```

Complementary Color

#bbd3c0
```
#bbd3c0 rgb(187,211,192)
```
#bbd3cc
```
#bbd3cc rgb(187,211,204)
```
#bbced3
```
#bbced3 rgb(187,206,211)
```

Analogous Color

#d3c0bb
```
#d3c0bb rgb(211,192,187)
```
#bbd3cc
```
#bbd3cc rgb(187,211,204)
```
#d3bbce
```
#d3bbce rgb(211,187,206)
```

Split Complementary Color

#d3ccbb
```
#d3ccbb rgb(211,204,187)
```
#bbd3cc
```
#bbd3cc rgb(187,211,204)
```
#ccbbd3
```
#ccbbd3 rgb(204,187,211)
```

Triadic Color

#c2d3bb
```
#c2d3bb rgb(194,211,187)
```
#bbd3cc
```
#bbd3cc rgb(187,211,204)
```
#ccbbd3
```
#ccbbd3 rgb(204,187,211)
```
#d3bbc2
```
#d3bbc2 rgb(211,187,194)
```

Tetradic Color

#8db5a9
```
#8db5a9 rgb(141,181,169)
```
#9cbfb5
```
#9cbfb5 rgb(156,191,181)
```
#acc9c0
```
#acc9c0 rgb(172,201,192)
```
#bbd3cc
```
#bbd3cc rgb(187,211,204)
```
#caddd8
```
#caddd8 rgb(202,221,216)
```
#dae7e3
```
#dae7e3 rgb(218,231,227)
```
#e9f1ef
```
#e9f1ef rgb(233,241,239)
```

Monochromatic Color

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

#bbd3c6
```
#bbd3c6 rgb(187,211,198)
```
#bbd3c8
```
#bbd3c8 rgb(187,211,200)
```
#bbd3ca
```
#bbd3ca rgb(187,211,202)
```
#bbd3cc
```
#bbd3cc rgb(187,211,204)
```
#bbd3ce
```
#bbd3ce rgb(187,211,206)
```
#bbd3d0
```
#bbd3d0 rgb(187,211,208)
```
#bbd3d2
```
#bbd3d2 rgb(187,211,210)
```

Similar Colors

Text with hexadecimal color #bbd3cc

This text has a font color of #bbd3cc.

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

#bbd3cc background color

This paragraph has a background color of #bbd3cc.

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

#bbd3cc border color

This element has a border color of #bbd3cc.

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

CSS codes

.text {color:#bbd3cc;}

.background {background-color:#bbd3cc;}

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

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

#020303
```
#020303 rgb(2,3,3)
```
#0a0f0e
```
#0a0f0e rgb(10,15,14)
```
#121b18
```
#121b18 rgb(18,27,24)
```
#192723
```
#192723 rgb(25,39,35)
```
#21332e
```
#21332e rgb(33,51,46)
```
#293f39
```
#293f39 rgb(41,63,57)
```
#304b43
```
#304b43 rgb(48,75,67)
```
#38574e
```
#38574e rgb(56,87,78)
```
#406359
```
#406359 rgb(64,99,89)
```
#486f63
```
#486f63 rgb(72,111,99)
```
#4f7b6e
```
#4f7b6e rgb(79,123,110)
```
#578679
```
#578679 rgb(87,134,121)
```
#5f9283
```
#5f9283 rgb(95,146,131)
```

Shade Color Variation

#689d8d
```
#689d8d rgb(104,157,141)
```
#74a596
```
#74a596 rgb(116,165,150)
```
#7fac9f
```
#7fac9f rgb(127,172,159)
```
#8bb4a8
```
#8bb4a8 rgb(139,180,168)
```
#97bcb1
```
#97bcb1 rgb(151,188,177)
```
#a3c4ba
```
#a3c4ba rgb(163,196,186)
```
#afcbc3
```
#afcbc3 rgb(175,203,195)
```
#bbd3cc
```
#bbd3cc rgb(187,211,204)
```
#c7dbd5
```
#c7dbd5 rgb(199,219,213)
```
#d3e2de
```
#d3e2de rgb(211,226,222)
```
#dfeae7
```
#dfeae7 rgb(223,234,231)
```
#ebf2f0
```
#ebf2f0 rgb(235,242,240)
```
#f7faf9
```
#f7faf9 rgb(247,250,249)
```

Tint Color Variation

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

#c4cac8
```
#c4cac8 rgb(196,202,200)
```
#bfcfca
```
#bfcfca rgb(191,207,202)
```
#bbd3cc
```
#bbd3cc rgb(187,211,204)
```
#b7d7ce
```
#b7d7ce rgb(183,215,206)
```
#b2dcd0
```
#b2dcd0 rgb(178,220,208)
```
#aee0d1
```
#aee0d1 rgb(174,224,209)
```
#aae4d3
```
#aae4d3 rgb(170,228,211)
```
#a5e9d5
```
#a5e9d5 rgb(165,233,213)
```
#a1edd7
```
#a1edd7 rgb(161,237,215)
```
#9df1d9
```
#9df1d9 rgb(157,241,217)
```
#99f5da
```
#99f5da rgb(153,245,218)
```
#94fadc
```
#94fadc rgb(148,250,220)
```
#90fede
```
#90fede rgb(144,254,222)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#c8cdcb Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4cfcb Protanopia 1% of men
#e2cad2 Deuteranopia 1% of men
#c2d2e1 Tritanopia 0.001% of the population

Trichromacy

#cbd0cb Protanomaly 1% of men, 0.01% of women
#d4cdcf Deuteranomaly 6% of men, 0.4% of women
#bfd2d9 Tritanomaly 0.01% of the population

#bbd3cc hex color

#bbd3cc Color Information

#bbd3cc Color Conversion

Color Schemes with #bbd3cc

Alternatives to #bbd3cc

#bbd3cc Preview

Shades and Tints of #bbd3cc

Tones of #bbd3cc

Color Blindness Simulator