#bbd3c2 hex color

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

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

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

The hexadecimal color #bbd3c2 has RGB values of R:187, G:211, B:194 and CMYK values of C:0.11, M:0, Y:0.08, K:0.17. Its decimal value is 12309442.

Hex triplet	bbd3c2	`#bbd3c2`
RGB Decimal	187, 211, 194	`rgb(187,211,194)`
RGB Percent	73.3, 82.7, 76.1	`rgb(73.3%,82.7%,76.1%)`
CMYK	11, 0, 8, 17
HSL	137.5°, 21.4, 78	`hsl(137.5,21.4%,78%)`
HSV (or HSB)	137.5°, 11.4, 82.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.404, -11.263, 5.695
XYZ	53.523, 61.048, 59.999
xyY	0.307, 0.35, 61.048
CIE-LCH	82.404, 12.621, 153.179
CIE-LUV	82.404, -12.371, 10.44
Hunter-Lab	78.133, -14.455, 9.163
Binary	10111011, 11010011, 11000010

#bbd3c2
```
#bbd3c2 rgb(187,211,194)
```
#d3bbcc
```
#d3bbcc rgb(211,187,204)
```

Complementary Color

#c0d3bb
```
#c0d3bb rgb(192,211,187)
```
#bbd3c2
```
#bbd3c2 rgb(187,211,194)
```
#bbd3ce
```
#bbd3ce rgb(187,211,206)
```

Analogous Color

#d3bbc0
```
#d3bbc0 rgb(211,187,192)
```
#bbd3c2
```
#bbd3c2 rgb(187,211,194)
```
#cebbd3
```
#cebbd3 rgb(206,187,211)
```

Split Complementary Color

#d3c2bb
```
#d3c2bb rgb(211,194,187)
```
#bbd3c2
```
#bbd3c2 rgb(187,211,194)
```
#c2bbd3
```
#c2bbd3 rgb(194,187,211)
```

Triadic Color

#ccd3bb
```
#ccd3bb rgb(204,211,187)
```
#bbd3c2
```
#bbd3c2 rgb(187,211,194)
```
#c2bbd3
```
#c2bbd3 rgb(194,187,211)
```
#d3bbcc
```
#d3bbcc rgb(211,187,204)
```

Tetradic Color

#8db598
```
#8db598 rgb(141,181,152)
```
#9cbfa6
```
#9cbfa6 rgb(156,191,166)
```
#acc9b4
```
#acc9b4 rgb(172,201,180)
```
#bbd3c2
```
#bbd3c2 rgb(187,211,194)
```
#caddd0
```
#caddd0 rgb(202,221,208)
```
#dae7de
```
#dae7de rgb(218,231,222)
```
#e9f1ec
```
#e9f1ec rgb(233,241,236)
```

Monochromatic Color

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

#bbd3bc
```
#bbd3bc rgb(187,211,188)
```
#bbd3be
```
#bbd3be rgb(187,211,190)
```
#bbd3c0
```
#bbd3c0 rgb(187,211,192)
```
#bbd3c2
```
#bbd3c2 rgb(187,211,194)
```
#bbd3c4
```
#bbd3c4 rgb(187,211,196)
```
#bbd3c6
```
#bbd3c6 rgb(187,211,198)
```
#bbd3c8
```
#bbd3c8 rgb(187,211,200)
```

Similar Colors

Text with hexadecimal color #bbd3c2

This text has a font color of #bbd3c2.

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

#bbd3c2 background color

This paragraph has a background color of #bbd3c2.

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

#bbd3c2 border color

This element has a border color of #bbd3c2.

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

CSS codes

.text {color:#bbd3c2;}

.background {background-color:#bbd3c2;}

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

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 #f7faf7 is the lightest one.

#020303
```
#020303 rgb(2,3,3)
```
#0a0f0c
```
#0a0f0c rgb(10,15,12)
```
#121b14
```
#121b14 rgb(18,27,20)
```
#19271d
```
#19271d rgb(25,39,29)
```
#213326
```
#213326 rgb(33,51,38)
```
#293f2f
```
#293f2f rgb(41,63,47)
```
#304b38
```
#304b38 rgb(48,75,56)
```
#385741
```
#385741 rgb(56,87,65)
```
#40634a
```
#40634a rgb(64,99,74)
```
#486f53
```
#486f53 rgb(72,111,83)
```
#4f7b5c
```
#4f7b5c rgb(79,123,92)
```
#578665
```
#578665 rgb(87,134,101)
```
#5f926e
```
#5f926e rgb(95,146,110)
```

Shade Color Variation

#689d77
```
#689d77 rgb(104,157,119)
```
#74a582
```
#74a582 rgb(116,165,130)
```
#7fac8d
```
#7fac8d rgb(127,172,141)
```
#8bb497
```
#8bb497 rgb(139,180,151)
```
#97bca2
```
#97bca2 rgb(151,188,162)
```
#a3c4ad
```
#a3c4ad rgb(163,196,173)
```
#afcbb7
```
#afcbb7 rgb(175,203,183)
```
#bbd3c2
```
#bbd3c2 rgb(187,211,194)
```
#c7dbcd
```
#c7dbcd rgb(199,219,205)
```
#d3e2d7
```
#d3e2d7 rgb(211,226,215)
```
#dfeae2
```
#dfeae2 rgb(223,234,226)
```
#ebf2ed
```
#ebf2ed rgb(235,242,237)
```
#f7faf7
```
#f7faf7 rgb(247,250,247)
```

Tint Color Variation

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

#c4cac6
```
#c4cac6 rgb(196,202,198)
```
#bfcfc4
```
#bfcfc4 rgb(191,207,196)
```
#bbd3c2
```
#bbd3c2 rgb(187,211,194)
```
#b7d7c0
```
#b7d7c0 rgb(183,215,192)
```
#b2dcbe
```
#b2dcbe rgb(178,220,190)
```
#aee0bd
```
#aee0bd rgb(174,224,189)
```
#aae4bb
```
#aae4bb rgb(170,228,187)
```
#a5e9b9
```
#a5e9b9 rgb(165,233,185)
```
#a1edb7
```
#a1edb7 rgb(161,237,183)
```
#9df1b5
```
#9df1b5 rgb(157,241,181)
```
#99f5b4
```
#99f5b4 rgb(153,245,180)
```
#94fab2
```
#94fab2 rgb(148,250,178)
```
#90feb0
```
#90feb0 rgb(144,254,176)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#c7ccc8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6cec1 Protanopia 1% of men
#e5c9c9 Deuteranopia 1% of men
#c3d1e0 Tritanopia 0.001% of the population

Trichromacy

#ccd0c1 Protanomaly 1% of men, 0.01% of women
#d5ccc6 Deuteranomaly 6% of men, 0.4% of women
#c0d1d5 Tritanomaly 0.01% of the population

#bbd3c2 hex color

#bbd3c2 Color Information

#bbd3c2 Color Conversion

Color Schemes with #bbd3c2

Alternatives to #bbd3c2

#bbd3c2 Preview

Shades and Tints of #bbd3c2

Tones of #bbd3c2

Color Blindness Simulator