#bbd8bf hex color

In a RGB color space, hex #bbd8bf is composed of 73.3% red, 84.7% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 13.4% cyan, 0% magenta, 11.6% yellow and 15.3% black. It has a hue angle of 128.3 degrees, a saturation of 27.1% and a lightness of 79%. #bbd8bf color hex could be obtained by blending #ffffff with #77b17f. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 85
- B 75
RGB color chart
- C 13
- M 0
- Y 12
- K 15
CMYK color chart

● #bbd8bf color description : Grayish lime green.

The hexadecimal color #bbd8bf has RGB values of R:187, G:216, B:191 and CMYK values of C:0.13, M:0, Y:0.12, K:0.15. Its decimal value is 12310719.

Hex triplet	bbd8bf	`#bbd8bf`
RGB Decimal	187, 216, 191	`rgb(187,216,191)`
RGB Percent	73.3, 84.7, 74.9	`rgb(73.3%,84.7%,74.9%)`
CMYK	13, 0, 12, 15
HSL	128.3°, 27.1, 79	`hsl(128.3,27.1%,79%)`
HSV (or HSB)	128.3°, 13.4, 84.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.672, -14.354, 9.107
XYZ	54.451, 63.437, 58.663
xyY	0.308, 0.359, 63.437
CIE-LCH	83.672, 16.999, 147.608
CIE-LUV	83.672, -14.762, 15.977
Hunter-Lab	79.648, -17.351, 12.084
Binary	10111011, 11011000, 10111111

#bbd8bf
```
#bbd8bf rgb(187,216,191)
```
#d8bbd4
```
#d8bbd4 rgb(216,187,212)
```

Complementary Color

#c6d8bb
```
#c6d8bb rgb(198,216,187)
```
#bbd8bf
```
#bbd8bf rgb(187,216,191)
```
#bbd8ce
```
#bbd8ce rgb(187,216,206)
```

Analogous Color

#d8bbc6
```
#d8bbc6 rgb(216,187,198)
```
#bbd8bf
```
#bbd8bf rgb(187,216,191)
```
#cebbd8
```
#cebbd8 rgb(206,187,216)
```

Split Complementary Color

#d8bfbb
```
#d8bfbb rgb(216,191,187)
```
#bbd8bf
```
#bbd8bf rgb(187,216,191)
```
#bfbbd8
```
#bfbbd8 rgb(191,187,216)
```

Triadic Color

#d4d8bb
```
#d4d8bb rgb(212,216,187)
```
#bbd8bf
```
#bbd8bf rgb(187,216,191)
```
#bfbbd8
```
#bfbbd8 rgb(191,187,216)
```
#d8bbd4
```
#d8bbd4 rgb(216,187,212)
```

Tetradic Color

#8abc91
```
#8abc91 rgb(138,188,145)
```
#9bc5a0
```
#9bc5a0 rgb(155,197,160)
```
#abcfb0
```
#abcfb0 rgb(171,207,176)
```
#bbd8bf
```
#bbd8bf rgb(187,216,191)
```
#cbe1ce
```
#cbe1ce rgb(203,225,206)
```
#dbebde
```
#dbebde rgb(219,235,222)
```
#ecf4ed
```
#ecf4ed rgb(236,244,237)
```

Monochromatic Color

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

#bed8bb
```
#bed8bb rgb(190,216,187)
```
#bcd8bb
```
#bcd8bb rgb(188,216,187)
```
#bbd8bd
```
#bbd8bd rgb(187,216,189)
```
#bbd8bf
```
#bbd8bf rgb(187,216,191)
```
#bbd8c1
```
#bbd8c1 rgb(187,216,193)
```
#bbd8c4
```
#bbd8c4 rgb(187,216,196)
```
#bbd8c6
```
#bbd8c6 rgb(187,216,198)
```

Similar Colors

Text with hexadecimal color #bbd8bf

This text has a font color of #bbd8bf.

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

#bbd8bf background color

This paragraph has a background color of #bbd8bf.

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

#bbd8bf border color

This element has a border color of #bbd8bf.

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

CSS codes

.text {color:#bbd8bf;}

.background {background-color:#bbd8bf;}

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

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

#040704
```
#040704 rgb(4,7,4)
```
#0b130c
```
#0b130c rgb(11,19,12)
```
#122014
```
#122014 rgb(18,32,20)
```
#192c1c
```
#192c1c rgb(25,44,28)
```
#203924
```
#203924 rgb(32,57,36)
```
#28452c
```
#28452c rgb(40,69,44)
```
#2f5234
```
#2f5234 rgb(47,82,52)
```
#365e3b
```
#365e3b rgb(54,94,59)
```
#3d6b43
```
#3d6b43 rgb(61,107,67)
```
#44774b
```
#44774b rgb(68,119,75)
```
#4b8353
```
#4b8353 rgb(75,131,83)
```
#53905b
```
#53905b rgb(83,144,91)
```
#5a9c63
```
#5a9c63 rgb(90,156,99)
```

Shade Color Variation

#64a66d
```
#64a66d rgb(100,166,109)
```
#70ad79
```
#70ad79 rgb(112,173,121)
```
#7db484
```
#7db484 rgb(125,180,132)
```
#89bb90
```
#89bb90 rgb(137,187,144)
```
#96c39c
```
#96c39c rgb(150,195,156)
```
#a2caa8
```
#a2caa8 rgb(162,202,168)
```
#afd1b3
```
#afd1b3 rgb(175,209,179)
```
#bbd8bf
```
#bbd8bf rgb(187,216,191)
```
#c7dfcb
```
#c7dfcb rgb(199,223,203)
```
#d4e6d6
```
#d4e6d6 rgb(212,230,214)
```
#e0ede2
```
#e0ede2 rgb(224,237,226)
```
#edf5ee
```
#edf5ee rgb(237,245,238)
```
#f9fcfa
```
#f9fcfa rgb(249,252,250)
```

Tint Color Variation

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

#c7ccc8
```
#c7ccc8 rgb(199,204,200)
```
#c3d0c5
```
#c3d0c5 rgb(195,208,197)
```
#bfd4c2
```
#bfd4c2 rgb(191,212,194)
```
#bbd8bf
```
#bbd8bf rgb(187,216,191)
```
#b7dcbc
```
#b7dcbc rgb(183,220,188)
```
#b3e0b9
```
#b3e0b9 rgb(179,224,185)
```
#afe4b6
```
#afe4b6 rgb(175,228,182)
```
#abe8b3
```
#abe8b3 rgb(171,232,179)
```
#a6edb0
```
#a6edb0 rgb(166,237,176)
```
#a2f1ad
```
#a2f1ad rgb(162,241,173)
```
#9ef5aa
```
#9ef5aa rgb(158,245,170)
```
#9af9a7
```
#9af9a7 rgb(154,249,167)
```
#96fda4
```
#96fda4 rgb(150,253,164)
```

Tone Color Variation

Below, you can see how #bbd8bf 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
#c9cec9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbd2be Protanopia 1% of men
#ebccc6 Deuteranopia 1% of men
#c5d4e4 Tritanopia 0.001% of the population

Trichromacy

#cfd4be Protanomaly 1% of men, 0.01% of women
#d9d0c3 Deuteranomaly 6% of men, 0.4% of women
#c1d6d6 Tritanomaly 0.01% of the population

#bbd8bf hex color

#bbd8bf Color Information

#bbd8bf Color Conversion

Color Schemes with #bbd8bf

Alternatives to #bbd8bf

#bbd8bf Preview

Shades and Tints of #bbd8bf

Tones of #bbd8bf

Color Blindness Simulator