#bbd4b2 hex color

In a RGB color space, hex #bbd4b2 is composed of 73.3% red, 83.1% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 11.8% cyan, 0% magenta, 16% yellow and 16.9% black. It has a hue angle of 104.1 degrees, a saturation of 28.3% and a lightness of 76.5%. #bbd4b2 color hex could be obtained by blending #ffffff with #77a965. Closest websafe color is: #cccc99.

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

● #bbd4b2 color description : Grayish green.

The hexadecimal color #bbd4b2 has RGB values of R:187, G:212, B:178 and CMYK values of C:0.12, M:0, Y:0.16, K:0.17. Its decimal value is 12309682.

Hex triplet	bbd4b2	`#bbd4b2`
RGB Decimal	187, 212, 178	`rgb(187,212,178)`
RGB Percent	73.3, 83.1, 69.8	`rgb(73.3%,83.1%,69.8%)`
CMYK	12, 0, 16, 17
HSL	104.1°, 28.3, 76.5	`hsl(104.1,28.3%,76.5%)`
HSV (or HSB)	104.1°, 16, 83.1
Web Safe	cccc99	`#cccc99`

CIE-LAB	82.306, -14.609, 14.048
XYZ	52.071, 60.865, 51.122
xyY	0.317, 0.371, 60.865
CIE-LCH	82.306, 20.268, 136.122
CIE-LUV	82.306, -12.421, 22.954
Hunter-Lab	78.016, -17.391, 15.76
Binary	10111011, 11010100, 10110010

#bbd4b2
```
#bbd4b2 rgb(187,212,178)
```
#cbb2d4
```
#cbb2d4 rgb(203,178,212)
```

Complementary Color

#ccd4b2
```
#ccd4b2 rgb(204,212,178)
```
#bbd4b2
```
#bbd4b2 rgb(187,212,178)
```
#b2d4ba
```
#b2d4ba rgb(178,212,186)
```

Analogous Color

#d4b2cc
```
#d4b2cc rgb(212,178,204)
```
#bbd4b2
```
#bbd4b2 rgb(187,212,178)
```
#bab2d4
```
#bab2d4 rgb(186,178,212)
```

Split Complementary Color

#d4b2bb
```
#d4b2bb rgb(212,178,187)
```
#bbd4b2
```
#bbd4b2 rgb(187,212,178)
```
#b2bbd4
```
#b2bbd4 rgb(178,187,212)
```

Triadic Color

#d4cbb2
```
#d4cbb2 rgb(212,203,178)
```
#bbd4b2
```
#bbd4b2 rgb(187,212,178)
```
#b2bbd4
```
#b2bbd4 rgb(178,187,212)
```
#cbb2d4
```
#cbb2d4 rgb(203,178,212)
```

Tetradic Color

#90b981
```
#90b981 rgb(144,185,129)
```
#9ec291
```
#9ec291 rgb(158,194,145)
```
#adcba2
```
#adcba2 rgb(173,203,162)
```
#bbd4b2
```
#bbd4b2 rgb(187,212,178)
```
#c9ddc2
```
#c9ddc2 rgb(201,221,194)
```
#d8e6d3
```
#d8e6d3 rgb(216,230,211)
```
#e6efe3
```
#e6efe3 rgb(230,239,227)
```

Monochromatic Color

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

#c4d4b2
```
#c4d4b2 rgb(196,212,178)
```
#c1d4b2
```
#c1d4b2 rgb(193,212,178)
```
#bed4b2
```
#bed4b2 rgb(190,212,178)
```
#bbd4b2
```
#bbd4b2 rgb(187,212,178)
```
#b8d4b2
```
#b8d4b2 rgb(184,212,178)
```
#b5d4b2
```
#b5d4b2 rgb(181,212,178)
```
#b3d4b2
```
#b3d4b2 rgb(179,212,178)
```

Similar Colors

Text with hexadecimal color #bbd4b2

This text has a font color of #bbd4b2.

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

#bbd4b2 background color

This paragraph has a background color of #bbd4b2.

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

#bbd4b2 border color

This element has a border color of #bbd4b2.

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

CSS codes

.text {color:#bbd4b2;}

.background {background-color:#bbd4b2;}

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

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)
```
#10180d
```
#10180d rgb(16,24,13)
```
#192414
```
#192414 rgb(25,36,20)
```
#21311b
```
#21311b rgb(33,49,27)
```
#2a3d22
```
#2a3d22 rgb(42,61,34)
```
#324a29
```
#324a29 rgb(50,74,41)
```
#3b5730
```
#3b5730 rgb(59,87,48)
```
#436337
```
#436337 rgb(67,99,55)
```
#4c703e
```
#4c703e rgb(76,112,62)
```
#547c45
```
#547c45 rgb(84,124,69)
```
#5d894c
```
#5d894c rgb(93,137,76)
```
#659654
```
#659654 rgb(101,150,84)
```
#6ea25b
```
#6ea25b rgb(110,162,91)
```

Shade Color Variation

#78aa66
```
#78aa66 rgb(120,170,102)
```
#83b173
```
#83b173 rgb(131,177,115)
```
#8fb880
```
#8fb880 rgb(143,184,128)
```
#9abf8c
```
#9abf8c rgb(154,191,140)
```
#a5c699
```
#a5c699 rgb(165,198,153)
```
#b0cda5
```
#b0cda5 rgb(176,205,165)
```
#bbd4b2
```
#bbd4b2 rgb(187,212,178)
```
#c6dbbf
```
#c6dbbf rgb(198,219,191)
```
#d1e2cb
```
#d1e2cb rgb(209,226,203)
```
#dce9d8
```
#dce9d8 rgb(220,233,216)
```
#e7f0e4
```
#e7f0e4 rgb(231,240,228)
```
#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, #c2c6c0 is the less saturated color, while #a7fe88 is the most saturated one.

#c2c6c0
```
#c2c6c0 rgb(194,198,192)
```
#bfcbbb
```
#bfcbbb rgb(191,203,187)
```
#bdcfb7
```
#bdcfb7 rgb(189,207,183)
```
#bbd4b2
```
#bbd4b2 rgb(187,212,178)
```
#b9d9ad
```
#b9d9ad rgb(185,217,173)
```
#b7dda9
```
#b7dda9 rgb(183,221,169)
```
#b4e2a4
```
#b4e2a4 rgb(180,226,164)
```
#b2e6a0
```
#b2e6a0 rgb(178,230,160)
```
#b0eb9b
```
#b0eb9b rgb(176,235,155)
```
#aef096
```
#aef096 rgb(174,240,150)
```
#acf492
```
#acf492 rgb(172,244,146)
```
#aaf98d
```
#aaf98d rgb(170,249,141)
```
#a7fe88
```
#a7fe88 rgb(167,254,136)
```

Tone Color Variation

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

Dichromacy

#d9ceb2 Protanopia 1% of men
#eac8ba Deuteranopia 1% of men
#c6d0df Tritanopia 0.001% of the population

Trichromacy

#ced0b2 Protanomaly 1% of men, 0.01% of women
#d9ccb7 Deuteranomaly 6% of men, 0.4% of women
#c2d1ce Tritanomaly 0.01% of the population

#bbd4b2 hex color

#bbd4b2 Color Information

#bbd4b2 Color Conversion

Color Schemes with #bbd4b2

Alternatives to #bbd4b2

#bbd4b2 Preview

Shades and Tints of #bbd4b2

Tones of #bbd4b2

Color Blindness Simulator