#bbd2b4 hex color

In a RGB color space, hex #bbd2b4 is composed of 73.3% red, 82.4% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 11% cyan, 0% magenta, 14.3% yellow and 17.6% black. It has a hue angle of 106 degrees, a saturation of 25% and a lightness of 76.5%. #bbd2b4 color hex could be obtained by blending #ffffff with #77a569. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 82
- B 71
RGB color chart
- C 11
- M 0
- Y 14
- K 18
CMYK color chart

● #bbd2b4 color description : Grayish lime green.

The hexadecimal color #bbd2b4 has RGB values of R:187, G:210, B:180 and CMYK values of C:0.11, M:0, Y:0.14, K:0.18. Its decimal value is 12309172.

Hex triplet	bbd2b4	`#bbd2b4`
RGB Decimal	187, 210, 180	`rgb(187,210,180)`
RGB Percent	73.3, 82.4, 70.6	`rgb(73.3%,82.4%,70.6%)`
CMYK	11, 0, 14, 18
HSL	106°, 25, 76.5	`hsl(106,25%,76.5%)`
HSV (or HSB)	106°, 14.3, 82.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	81.812, -13.253, 12.29
XYZ	51.777, 59.953, 52.022
xyY	0.316, 0.366, 59.953
CIE-LCH	81.812, 18.074, 137.161
CIE-LUV	81.812, -11.459, 20.235
Hunter-Lab	77.429, -16.139, 14.366
Binary	10111011, 11010010, 10110100

#bbd2b4
```
#bbd2b4 rgb(187,210,180)
```
#cbb4d2
```
#cbb4d2 rgb(203,180,210)
```

Complementary Color

#cad2b4
```
#cad2b4 rgb(202,210,180)
```
#bbd2b4
```
#bbd2b4 rgb(187,210,180)
```
#b4d2bc
```
#b4d2bc rgb(180,210,188)
```

Analogous Color

#d2b4ca
```
#d2b4ca rgb(210,180,202)
```
#bbd2b4
```
#bbd2b4 rgb(187,210,180)
```
#bcb4d2
```
#bcb4d2 rgb(188,180,210)
```

Split Complementary Color

#d2b4bb
```
#d2b4bb rgb(210,180,187)
```
#bbd2b4
```
#bbd2b4 rgb(187,210,180)
```
#b4bbd2
```
#b4bbd2 rgb(180,187,210)
```

Triadic Color

#d2cbb4
```
#d2cbb4 rgb(210,203,180)
```
#bbd2b4
```
#bbd2b4 rgb(187,210,180)
```
#b4bbd2
```
#b4bbd2 rgb(180,187,210)
```
#cbb4d2
```
#cbb4d2 rgb(203,180,210)
```

Tetradic Color

#90b584
```
#90b584 rgb(144,181,132)
```
#9ebf94
```
#9ebf94 rgb(158,191,148)
```
#adc8a4
```
#adc8a4 rgb(173,200,164)
```
#bbd2b4
```
#bbd2b4 rgb(187,210,180)
```
#c9dcc4
```
#c9dcc4 rgb(201,220,196)
```
#d8e5d4
```
#d8e5d4 rgb(216,229,212)
```
#e6efe4
```
#e6efe4 rgb(230,239,228)
```

Monochromatic Color

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

#c3d2b4
```
#c3d2b4 rgb(195,210,180)
```
#c0d2b4
```
#c0d2b4 rgb(192,210,180)
```
#bed2b4
```
#bed2b4 rgb(190,210,180)
```
#bbd2b4
```
#bbd2b4 rgb(187,210,180)
```
#b9d2b4
```
#b9d2b4 rgb(185,210,180)
```
#b6d2b4
```
#b6d2b4 rgb(182,210,180)
```
#b4d2b5
```
#b4d2b5 rgb(180,210,181)
```

Similar Colors

Text with hexadecimal color #bbd2b4

This text has a font color of #bbd2b4.

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

#bbd2b4 background color

This paragraph has a background color of #bbd2b4.

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

#bbd2b4 border color

This element has a border color of #bbd2b4.

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

CSS codes

.text {color:#bbd2b4;}

.background {background-color:#bbd2b4;}

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

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

#080b06
```
#080b06 rgb(8,11,6)
```
#10170e
```
#10170e rgb(16,23,14)
```
#192315
```
#192315 rgb(25,35,21)
```
#21301d
```
#21301d rgb(33,48,29)
```
#2a3c24
```
#2a3c24 rgb(42,60,36)
```
#32482b
```
#32482b rgb(50,72,43)
```
#3b5433
```
#3b5433 rgb(59,84,51)
```
#43613a
```
#43613a rgb(67,97,58)
```
#4c6d41
```
#4c6d41 rgb(76,109,65)
```
#547949
```
#547949 rgb(84,121,73)
```
#5d8550
```
#5d8550 rgb(93,133,80)
```
#659257
```
#659257 rgb(101,146,87)
```
#6e9e5f
```
#6e9e5f rgb(110,158,95)
```

Shade Color Variation

#78a66a
```
#78a66a rgb(120,166,106)
```
#83ad77
```
#83ad77 rgb(131,173,119)
```
#8fb583
```
#8fb583 rgb(143,181,131)
```
#9abc8f
```
#9abc8f rgb(154,188,143)
```
#a5c39b
```
#a5c39b rgb(165,195,155)
```
#b0cba8
```
#b0cba8 rgb(176,203,168)
```
#bbd2b4
```
#bbd2b4 rgb(187,210,180)
```
#c6d9c0
```
#c6d9c0 rgb(198,217,192)
```
#d1e1cd
```
#d1e1cd rgb(209,225,205)
```
#dce8d9
```
#dce8d9 rgb(220,232,217)
```
#e7efe5
```
#e7efe5 rgb(231,239,229)
```
#f3f7f1
```
#f3f7f1 rgb(243,247,241)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#c2c4c2
```
#c2c4c2 rgb(194,196,194)
```
#c0c9bd
```
#c0c9bd rgb(192,201,189)
```
#bdcdb9
```
#bdcdb9 rgb(189,205,185)
```
#bbd2b4
```
#bbd2b4 rgb(187,210,180)
```
#b9d7af
```
#b9d7af rgb(185,215,175)
```
#b6dbab
```
#b6dbab rgb(182,219,171)
```
#b4e0a6
```
#b4e0a6 rgb(180,224,166)
```
#b1e4a2
```
#b1e4a2 rgb(177,228,162)
```
#afe99d
```
#afe99d rgb(175,233,157)
```
#acee98
```
#acee98 rgb(172,238,152)
```
#aaf294
```
#aaf294 rgb(170,242,148)
```
#a7f78f
```
#a7f78f rgb(167,247,143)
```
#a5fc8a
```
#a5fc8a rgb(165,252,138)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c5cac4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7cdb4 Protanopia 1% of men
#e7c7bc Deuteranopia 1% of men
#c5cedd Tritanopia 0.001% of the population

Trichromacy

#cdcfb4 Protanomaly 1% of men, 0.01% of women
#d7cbb9 Deuteranomaly 6% of men, 0.4% of women
#c1cfce Tritanomaly 0.01% of the population

#bbd2b4 hex color

#bbd2b4 Color Information

#bbd2b4 Color Conversion

Color Schemes with #bbd2b4

Alternatives to #bbd2b4

#bbd2b4 Preview

Shades and Tints of #bbd2b4

Tones of #bbd2b4

Color Blindness Simulator