#bbd4b6 hex color

In a RGB color space, hex #bbd4b6 is composed of 73.3% red, 83.1% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 11.8% cyan, 0% magenta, 14.2% yellow and 16.9% black. It has a hue angle of 110 degrees, a saturation of 25.9% and a lightness of 77.3%. #bbd4b6 color hex could be obtained by blending #ffffff with #77a96d. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 83
- B 71
RGB color chart
- C 12
- M 0
- Y 14
- K 17
CMYK color chart

● #bbd4b6 color description : Grayish lime green.

The hexadecimal color #bbd4b6 has RGB values of R:187, G:212, B:182 and CMYK values of C:0.12, M:0, Y:0.14, K:0.17. Its decimal value is 12309686.

Hex triplet	bbd4b6	`#bbd4b6`
RGB Decimal	187, 212, 182	`rgb(187,212,182)`
RGB Percent	73.3, 83.1, 71.4	`rgb(73.3%,83.1%,71.4%)`
CMYK	12, 0, 14, 17
HSL	110°, 25.9, 77.3	`hsl(110,25.9%,77.3%)`
HSV (or HSB)	110°, 14.2, 83.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.394, -13.923, 12.053
XYZ	52.479, 61.029, 53.268
xyY	0.315, 0.366, 61.029
CIE-LCH	82.394, 18.415, 139.116
CIE-LUV	82.394, -12.53, 20.049
Hunter-Lab	78.121, -16.802, 14.256
Binary	10111011, 11010100, 10110110

#bbd4b6
```
#bbd4b6 rgb(187,212,182)
```
#cfb6d4
```
#cfb6d4 rgb(207,182,212)
```

Complementary Color

#cad4b6
```
#cad4b6 rgb(202,212,182)
```
#bbd4b6
```
#bbd4b6 rgb(187,212,182)
```
#b6d4c0
```
#b6d4c0 rgb(182,212,192)
```

Analogous Color

#d4b6ca
```
#d4b6ca rgb(212,182,202)
```
#bbd4b6
```
#bbd4b6 rgb(187,212,182)
```
#c0b6d4
```
#c0b6d4 rgb(192,182,212)
```

Split Complementary Color

#d4b6bb
```
#d4b6bb rgb(212,182,187)
```
#bbd4b6
```
#bbd4b6 rgb(187,212,182)
```
#b6bbd4
```
#b6bbd4 rgb(182,187,212)
```

Triadic Color

#d4cfb6
```
#d4cfb6 rgb(212,207,182)
```
#bbd4b6
```
#bbd4b6 rgb(187,212,182)
```
#b6bbd4
```
#b6bbd4 rgb(182,187,212)
```
#cfb6d4
```
#cfb6d4 rgb(207,182,212)
```

Tetradic Color

#8eb886
```
#8eb886 rgb(142,184,134)
```
#9dc196
```
#9dc196 rgb(157,193,150)
```
#accba6
```
#accba6 rgb(172,203,166)
```
#bbd4b6
```
#bbd4b6 rgb(187,212,182)
```
#caddc6
```
#caddc6 rgb(202,221,198)
```
#d9e7d6
```
#d9e7d6 rgb(217,231,214)
```
#e8f0e6
```
#e8f0e6 rgb(232,240,230)
```

Monochromatic Color

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

#c3d4b6
```
#c3d4b6 rgb(195,212,182)
```
#c0d4b6
```
#c0d4b6 rgb(192,212,182)
```
#bed4b6
```
#bed4b6 rgb(190,212,182)
```
#bbd4b6
```
#bbd4b6 rgb(187,212,182)
```
#b9d4b6
```
#b9d4b6 rgb(185,212,182)
```
#b6d4b6
```
#b6d4b6 rgb(182,212,182)
```
#b6d4b9
```
#b6d4b9 rgb(182,212,185)
```

Similar Colors

Text with hexadecimal color #bbd4b6

This text has a font color of #bbd4b6.

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

#bbd4b6 background color

This paragraph has a background color of #bbd4b6.

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

#bbd4b6 border color

This element has a border color of #bbd4b6.

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

CSS codes

.text {color:#bbd4b6;}

.background {background-color:#bbd4b6;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#090d08
```
#090d08 rgb(9,13,8)
```
#111a0f
```
#111a0f rgb(17,26,15)
```
#192616
```
#192616 rgb(25,38,22)
```
#21321e
```
#21321e rgb(33,50,30)
```
#293f25
```
#293f25 rgb(41,63,37)
```
#314b2c
```
#314b2c rgb(49,75,44)
```
#3a5734
```
#3a5734 rgb(58,87,52)
```
#42643b
```
#42643b rgb(66,100,59)
```
#4a7042
```
#4a7042 rgb(74,112,66)
```
#527d49
```
#527d49 rgb(82,125,73)
```
#5a8951
```
#5a8951 rgb(90,137,81)
```
#629558
```
#629558 rgb(98,149,88)
```

Shade Color Variation

#6ba160
```
#6ba160 rgb(107,161,96)
```
#76a86c
```
#76a86c rgb(118,168,108)
```
#82b078
```
#82b078 rgb(130,176,120)
```
#8db785
```
#8db785 rgb(141,183,133)
```
#99be91
```
#99be91 rgb(153,190,145)
```
#a4c59d
```
#a4c59d rgb(164,197,157)
```
#b0cdaa
```
#b0cdaa rgb(176,205,170)
```
#bbd4b6
```
#bbd4b6 rgb(187,212,182)
```
#c6dbc2
```
#c6dbc2 rgb(198,219,194)
```
#d2e3cf
```
#d2e3cf rgb(210,227,207)
```
#ddeadb
```
#ddeadb rgb(221,234,219)
```
#e9f1e7
```
#e9f1e7 rgb(233,241,231)
```
#f4f8f4
```
#f4f8f4 rgb(244,248,244)
```

Tint Color Variation

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

#c4c7c3
```
#c4c7c3 rgb(196,199,195)
```
#c1cbbf
```
#c1cbbf rgb(193,203,191)
```
#bed0ba
```
#bed0ba rgb(190,208,186)
```
#bbd4b6
```
#bbd4b6 rgb(187,212,182)
```
#b8d8b2
```
#b8d8b2 rgb(184,216,178)
```
#b5ddad
```
#b5ddad rgb(181,221,173)
```
#b2e1a9
```
#b2e1a9 rgb(178,225,169)
```
#afe6a4
```
#afe6a4 rgb(175,230,164)
```
#aceaa0
```
#aceaa0 rgb(172,234,160)
```
#a9ef9b
```
#a9ef9b rgb(169,239,155)
```
#a6f397
```
#a6f397 rgb(166,243,151)
```
#a3f892
```
#a3f892 rgb(163,248,146)
```
#a0fc8e
```
#a0fc8e rgb(160,252,142)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#c6cbc5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9ceb6 Protanopia 1% of men
#e9c8be Deuteranopia 1% of men
#c5d0df Tritanopia 0.001% of the population

Trichromacy

#ced0b6 Protanomaly 1% of men, 0.01% of women
#d8ccbb Deuteranomaly 6% of men, 0.4% of women
#c1d1d0 Tritanomaly 0.01% of the population

#bbd4b6 hex color

#bbd4b6 Color Information

#bbd4b6 Color Conversion

Color Schemes with #bbd4b6

Alternatives to #bbd4b6

#bbd4b6 Preview

Shades and Tints of #bbd4b6

Tones of #bbd4b6

Color Blindness Simulator