#bbdfbd hex color

In a RGB color space, hex #bbdfbd is composed of 73.3% red, 87.5% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 16.1% cyan, 0% magenta, 15.2% yellow and 12.5% black. It has a hue angle of 123.3 degrees, a saturation of 36% and a lightness of 80.4%. #bbdfbd color hex could be obtained by blending #ffffff with #77bf7b. Closest websafe color is: #cccccc.

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

● #bbdfbd color description : Light grayish lime green.

The hexadecimal color #bbdfbd has RGB values of R:187, G:223, B:189 and CMYK values of C:0.16, M:0, Y:0.15, K:0.13. Its decimal value is 12312509.

Hex triplet	bbdfbd	`#bbdfbd`
RGB Decimal	187, 223, 189	`rgb(187,223,189)`
RGB Percent	73.3, 87.5, 74.1	`rgb(73.3%,87.5%,74.1%)`
CMYK	16, 0, 15, 13
HSL	123.3°, 36, 80.4	`hsl(123.3,36%,80.4%)`
HSV (or HSB)	123.3°, 16.1, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.511, -18.219, 12.778
XYZ	56.064, 67.013, 58.122
xyY	0.309, 0.37, 67.013
CIE-LCH	85.511, 22.253, 144.955
CIE-LUV	85.511, -18.173, 21.977
Hunter-Lab	81.862, -21.009, 15.207
Binary	10111011, 11011111, 10111101

#bbdfbd
```
#bbdfbd rgb(187,223,189)
```
#dfbbdd
```
#dfbbdd rgb(223,187,221)
```

Complementary Color

#cbdfbb
```
#cbdfbb rgb(203,223,187)
```
#bbdfbd
```
#bbdfbd rgb(187,223,189)
```
#bbdfcf
```
#bbdfcf rgb(187,223,207)
```

Analogous Color

#dfbbcb
```
#dfbbcb rgb(223,187,203)
```
#bbdfbd
```
#bbdfbd rgb(187,223,189)
```
#cfbbdf
```
#cfbbdf rgb(207,187,223)
```

Split Complementary Color

#dfbdbb
```
#dfbdbb rgb(223,189,187)
```
#bbdfbd
```
#bbdfbd rgb(187,223,189)
```
#bdbbdf
```
#bdbbdf rgb(189,187,223)
```

Triadic Color

#dddfbb
```
#dddfbb rgb(221,223,187)
```
#bbdfbd
```
#bbdfbd rgb(187,223,189)
```
#bdbbdf
```
#bdbbdf rgb(189,187,223)
```
#dfbbdd
```
#dfbbdd rgb(223,187,221)
```

Tetradic Color

#87c78b
```
#87c78b rgb(135,199,139)
```
#98cf9b
```
#98cf9b rgb(152,207,155)
```
#aad7ac
```
#aad7ac rgb(170,215,172)
```
#bbdfbd
```
#bbdfbd rgb(187,223,189)
```
#cce7ce
```
#cce7ce rgb(204,231,206)
```
#deefdf
```
#deefdf rgb(222,239,223)
```
#eff7ef
```
#eff7ef rgb(239,247,239)
```

Monochromatic Color

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

#c2dfbb
```
#c2dfbb rgb(194,223,187)
```
#bfdfbb
```
#bfdfbb rgb(191,223,187)
```
#bcdfbb
```
#bcdfbb rgb(188,223,187)
```
#bbdfbd
```
#bbdfbd rgb(187,223,189)
```
#bbdfc0
```
#bbdfc0 rgb(187,223,192)
```
#bbdfc3
```
#bbdfc3 rgb(187,223,195)
```
#bbdfc6
```
#bbdfc6 rgb(187,223,198)
```

Similar Colors

Text with hexadecimal color #bbdfbd

This text has a font color of #bbdfbd.

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

#bbdfbd background color

This paragraph has a background color of #bbdfbd.

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

#bbdfbd border color

This element has a border color of #bbdfbd.

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

CSS codes

.text {color:#bbdfbd;}

.background {background-color:#bbdfbd;}

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

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, #060c06 is the darkest color, while #fefefe is the lightest one.

#060c06
```
#060c06 rgb(6,12,6)
```
#0c190d
```
#0c190d rgb(12,25,13)
```
#122713
```
#122713 rgb(18,39,19)
```
#18341a
```
#18341a rgb(24,52,26)
```
#1f4121
```
#1f4121 rgb(31,65,33)
```
#254f27
```
#254f27 rgb(37,79,39)
```
#2b5c2e
```
#2b5c2e rgb(43,92,46)
```
#326935
```
#326935 rgb(50,105,53)
```
#38773b
```
#38773b rgb(56,119,59)
```
#3e8442
```
#3e8442 rgb(62,132,66)
```
#449149
```
#449149 rgb(68,145,73)
```
#4b9f4f
```
#4b9f4f rgb(75,159,79)
```
#51ac56
```
#51ac56 rgb(81,172,86)
```

Shade Color Variation

#5eb362
```
#5eb362 rgb(94,179,98)
```
#6bb96f
```
#6bb96f rgb(107,185,111)
```
#78c07c
```
#78c07c rgb(120,192,124)
```
#86c689
```
#86c689 rgb(134,198,137)
```
#93cc96
```
#93cc96 rgb(147,204,150)
```
#a0d2a3
```
#a0d2a3 rgb(160,210,163)
```
#aed9b0
```
#aed9b0 rgb(174,217,176)
```
#bbdfbd
```
#bbdfbd rgb(187,223,189)
```
#c8e5ca
```
#c8e5ca rgb(200,229,202)
```
#d6ecd7
```
#d6ecd7 rgb(214,236,215)
```
#e3f2e4
```
#e3f2e4 rgb(227,242,228)
```
#f0f8f1
```
#f0f8f1 rgb(240,248,241)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#cad0cb
```
#cad0cb rgb(202,208,203)
```
#c7d3c7
```
#c7d3c7 rgb(199,211,199)
```
#c3d7c4
```
#c3d7c4 rgb(195,215,196)
```
#bfdbc0
```
#bfdbc0 rgb(191,219,192)
```
#bbdfbd
```
#bbdfbd rgb(187,223,189)
```
#b7e3ba
```
#b7e3ba rgb(183,227,186)
```
#b3e7b6
```
#b3e7b6 rgb(179,231,182)
```
#afebb3
```
#afebb3 rgb(175,235,179)
```
#aceeaf
```
#aceeaf rgb(172,238,175)
```
#a8f2ac
```
#a8f2ac rgb(168,242,172)
```
#a4f6a8
```
#a4f6a8 rgb(164,246,168)
```
#a0faa5
```
#a0faa5 rgb(160,250,165)
```
#9cfea2
```
#9cfea2 rgb(156,254,162)
```

Tone Color Variation

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

#e2d7bb Protanopia 1% of men
#f2d0c5 Deuteranopia 1% of men
#c6daea Tritanopia 0.001% of the population

Trichromacy

#d3dabc Protanomaly 1% of men, 0.01% of women
#ded5c2 Deuteranomaly 6% of men, 0.4% of women
#c2dcd9 Tritanomaly 0.01% of the population

#bbdfbd hex color

#bbdfbd Color Information

#bbdfbd Color Conversion

Color Schemes with #bbdfbd

Alternatives to #bbdfbd

#bbdfbd Preview

Shades and Tints of #bbdfbd

Tones of #bbdfbd

Color Blindness Simulator