#bbdfba hex color

In a RGB color space, hex #bbdfba is composed of 73.3% red, 87.5% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 16.1% cyan, 0% magenta, 16.6% yellow and 12.5% black. It has a hue angle of 118.4 degrees, a saturation of 36.6% and a lightness of 80.2%. #bbdfba color hex could be obtained by blending #ffffff with #77bf75. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 87
- B 73
RGB color chart
- C 16
- M 0
- Y 17
- K 13
CMYK color chart

● #bbdfba color description : Light grayish lime green.

The hexadecimal color #bbdfba has RGB values of R:187, G:223, B:186 and CMYK values of C:0.16, M:0, Y:0.17, K:0.13. Its decimal value is 12312506.

Hex triplet	bbdfba	`#bbdfba`
RGB Decimal	187, 223, 186	`rgb(187,223,186)`
RGB Percent	73.3, 87.5, 72.9	`rgb(73.3%,87.5%,72.9%)`
CMYK	16, 0, 17, 13
HSL	118.4°, 36.6, 80.2	`hsl(118.4,36.6%,80.2%)`
HSV (or HSB)	118.4°, 16.6, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.445, -18.743, 14.261
XYZ	55.742, 66.884, 56.425
xyY	0.311, 0.374, 66.884
CIE-LCH	85.445, 23.552, 142.734
CIE-LUV	85.445, -18.118, 24.155
Hunter-Lab	81.783, -21.457, 16.342
Binary	10111011, 11011111, 10111010

#bbdfba
```
#bbdfba rgb(187,223,186)
```
#debadf
```
#debadf rgb(222,186,223)
```

Complementary Color

#cedfba
```
#cedfba rgb(206,223,186)
```
#bbdfba
```
#bbdfba rgb(187,223,186)
```
#badfcc
```
#badfcc rgb(186,223,204)
```

Analogous Color

#dfbace
```
#dfbace rgb(223,186,206)
```
#bbdfba
```
#bbdfba rgb(187,223,186)
```
#ccbadf
```
#ccbadf rgb(204,186,223)
```

Split Complementary Color

#dfbabb
```
#dfbabb rgb(223,186,187)
```
#bbdfba
```
#bbdfba rgb(187,223,186)
```
#babbdf
```
#babbdf rgb(186,187,223)
```

Triadic Color

#dfdeba
```
#dfdeba rgb(223,222,186)
```
#bbdfba
```
#bbdfba rgb(187,223,186)
```
#babbdf
```
#babbdf rgb(186,187,223)
```
#debadf
```
#debadf rgb(222,186,223)
```

Tetradic Color

#87c786
```
#87c786 rgb(135,199,134)
```
#99cf97
```
#99cf97 rgb(153,207,151)
```
#aad7a9
```
#aad7a9 rgb(170,215,169)
```
#bbdfba
```
#bbdfba rgb(187,223,186)
```
#cce7cb
```
#cce7cb rgb(204,231,203)
```
#ddefdd
```
#ddefdd rgb(221,239,221)
```
#eff7ee
```
#eff7ee rgb(239,247,238)
```

Monochromatic Color

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

#c4dfba
```
#c4dfba rgb(196,223,186)
```
#c1dfba
```
#c1dfba rgb(193,223,186)
```
#bedfba
```
#bedfba rgb(190,223,186)
```
#bbdfba
```
#bbdfba rgb(187,223,186)
```
#badfbc
```
#badfbc rgb(186,223,188)
```
#badfbf
```
#badfbf rgb(186,223,191)
```
#badfc2
```
#badfc2 rgb(186,223,194)
```

Similar Colors

Text with hexadecimal color #bbdfba

This text has a font color of #bbdfba.

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

#bbdfba background color

This paragraph has a background color of #bbdfba.

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

#bbdfba border color

This element has a border color of #bbdfba.

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

CSS codes

.text {color:#bbdfba;}

.background {background-color:#bbdfba;}

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

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, #050b05 is the darkest color, while #fdfefd is the lightest one.

#050b05
```
#050b05 rgb(5,11,5)
```
#0c190c
```
#0c190c rgb(12,25,12)
```
#122612
```
#122612 rgb(18,38,18)
```
#193418
```
#193418 rgb(25,52,24)
```
#1f411e
```
#1f411e rgb(31,65,30)
```
#254e24
```
#254e24 rgb(37,78,36)
```
#2c5c2b
```
#2c5c2b rgb(44,92,43)
```
#326931
```
#326931 rgb(50,105,49)
```
#397737
```
#397737 rgb(57,119,55)
```
#3f843d
```
#3f843d rgb(63,132,61)
```
#469143
```
#469143 rgb(70,145,67)
```
#4c9f4a
```
#4c9f4a rgb(76,159,74)
```
#52ac50
```
#52ac50 rgb(82,172,80)
```

Shade Color Variation

#5fb35c
```
#5fb35c rgb(95,179,92)
```
#6cba6a
```
#6cba6a rgb(108,186,106)
```
#79c077
```
#79c077 rgb(121,192,119)
```
#86c684
```
#86c684 rgb(134,198,132)
```
#93cc92
```
#93cc92 rgb(147,204,146)
```
#a1d39f
```
#a1d39f rgb(161,211,159)
```
#aed9ad
```
#aed9ad rgb(174,217,173)
```
#bbdfba
```
#bbdfba rgb(187,223,186)
```
#c8e5c7
```
#c8e5c7 rgb(200,229,199)
```
#d5ebd5
```
#d5ebd5 rgb(213,235,213)
```
#e3f2e2
```
#e3f2e2 rgb(227,242,226)
```
#f0f8f0
```
#f0f8f0 rgb(240,248,240)
```
#fdfefd
```
#fdfefd rgb(253,254,253)
```

Tint Color Variation

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

#cacfca
```
#cacfca rgb(202,207,202)
```
#c6d3c6
```
#c6d3c6 rgb(198,211,198)
```
#c2d7c2
```
#c2d7c2 rgb(194,215,194)
```
#bfdbbe
```
#bfdbbe rgb(191,219,190)
```
#bbdfba
```
#bbdfba rgb(187,223,186)
```
#b7e3b6
```
#b7e3b6 rgb(183,227,182)
```
#b4e7b2
```
#b4e7b2 rgb(180,231,178)
```
#b0ebae
```
#b0ebae rgb(176,235,174)
```
#acefaa
```
#acefaa rgb(172,239,170)
```
#a9f2a7
```
#a9f2a7 rgb(169,242,167)
```
#a5f6a3
```
#a5f6a3 rgb(165,246,163)
```
#a1fa9f
```
#a1fa9f rgb(161,250,159)
```
#9efe9b
```
#9efe9b rgb(158,254,155)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#ccd3cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2d7b9 Protanopia 1% of men
#f3d0c2 Deuteranopia 1% of men
#c7dae9 Tritanopia 0.001% of the population

Trichromacy

#d4d9b9 Protanomaly 1% of men, 0.01% of women
#ded5bf Deuteranomaly 6% of men, 0.4% of women
#c2dbd8 Tritanomaly 0.01% of the population

#bbdfba hex color

#bbdfba Color Information

#bbdfba Color Conversion

Color Schemes with #bbdfba

Alternatives to #bbdfba

#bbdfba Preview

Shades and Tints of #bbdfba

Tones of #bbdfba

Color Blindness Simulator