#bbd4aa hex color

In a RGB color space, hex #bbd4aa is composed of 73.3% red, 83.1% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 11.8% cyan, 0% magenta, 19.8% yellow and 16.9% black. It has a hue angle of 95.7 degrees, a saturation of 32.8% and a lightness of 74.9%. #bbd4aa color hex could be obtained by blending #ffffff with #77a955. Closest websafe color is: #cccc99.

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

● #bbd4aa color description : Grayish green.

The hexadecimal color #bbd4aa has RGB values of R:187, G:212, B:170 and CMYK values of C:0.12, M:0, Y:0.2, K:0.17. Its decimal value is 12309674.

Hex triplet	bbd4aa	`#bbd4aa`
RGB Decimal	187, 212, 170	`rgb(187,212,170)`
RGB Percent	73.3, 83.1, 66.7	`rgb(73.3%,83.1%,66.7%)`
CMYK	12, 0, 20, 17
HSL	95.7°, 32.8, 74.9	`hsl(95.7,32.8%,74.9%)`
HSV (or HSB)	95.7°, 19.8, 83.1
Web Safe	cccc99	`#cccc99`

CIE-LAB	82.138, -15.937, 18.038
XYZ	51.291, 60.553, 47.014
xyY	0.323, 0.381, 60.553
CIE-LCH	82.138, 24.07, 131.461
CIE-LUV	82.138, -12.21, 28.634
Hunter-Lab	77.816, -18.523, 18.65
Binary	10111011, 11010100, 10101010

#bbd4aa
```
#bbd4aa rgb(187,212,170)
```
#c3aad4
```
#c3aad4 rgb(195,170,212)
```

Complementary Color

#d0d4aa
```
#d0d4aa rgb(208,212,170)
```
#bbd4aa
```
#bbd4aa rgb(187,212,170)
```
#aad4ae
```
#aad4ae rgb(170,212,174)
```

Analogous Color

#d4aad0
```
#d4aad0 rgb(212,170,208)
```
#bbd4aa
```
#bbd4aa rgb(187,212,170)
```
#aeaad4
```
#aeaad4 rgb(174,170,212)
```

Split Complementary Color

#d4aabb
```
#d4aabb rgb(212,170,187)
```
#bbd4aa
```
#bbd4aa rgb(187,212,170)
```
#aabbd4
```
#aabbd4 rgb(170,187,212)
```

Triadic Color

#d4c3aa
```
#d4c3aa rgb(212,195,170)
```
#bbd4aa
```
#bbd4aa rgb(187,212,170)
```
#aabbd4
```
#aabbd4 rgb(170,187,212)
```
#c3aad4
```
#c3aad4 rgb(195,170,212)
```

Tetradic Color

#92ba77
```
#92ba77 rgb(146,186,119)
```
#a0c388
```
#a0c388 rgb(160,195,136)
```
#adcb99
```
#adcb99 rgb(173,203,153)
```
#bbd4aa
```
#bbd4aa rgb(187,212,170)
```
#c9ddbb
```
#c9ddbb rgb(201,221,187)
```
#d6e5cc
```
#d6e5cc rgb(214,229,204)
```
#e4eedd
```
#e4eedd rgb(228,238,221)
```

Monochromatic Color

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

#c6d4aa
```
#c6d4aa rgb(198,212,170)
```
#c2d4aa
```
#c2d4aa rgb(194,212,170)
```
#bfd4aa
```
#bfd4aa rgb(191,212,170)
```
#bbd4aa
```
#bbd4aa rgb(187,212,170)
```
#b8d4aa
```
#b8d4aa rgb(184,212,170)
```
#b4d4aa
```
#b4d4aa rgb(180,212,170)
```
#b1d4aa
```
#b1d4aa rgb(177,212,170)
```

Similar Colors

Text with hexadecimal color #bbd4aa

This text has a font color of #bbd4aa.

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

#bbd4aa background color

This paragraph has a background color of #bbd4aa.

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

#bbd4aa border color

This element has a border color of #bbd4aa.

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

CSS codes

.text {color:#bbd4aa;}

.background {background-color:#bbd4aa;}

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

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

#040603
```
#040603 rgb(4,6,3)
```
#0e130a
```
#0e130a rgb(14,19,10)
```
#172010
```
#172010 rgb(23,32,16)
```
#202d17
```
#202d17 rgb(32,45,23)
```
#293a1d
```
#293a1d rgb(41,58,29)
```
#324724
```
#324724 rgb(50,71,36)
```
#3c542b
```
#3c542b rgb(60,84,43)
```
#456131
```
#456131 rgb(69,97,49)
```
#4e6e38
```
#4e6e38 rgb(78,110,56)
```
#577b3e
```
#577b3e rgb(87,123,62)
```
#608845
```
#608845 rgb(96,136,69)
```
#6a954c
```
#6a954c rgb(106,149,76)
```
#73a252
```
#73a252 rgb(115,162,82)
```

Shade Color Variation

#7cac5c
```
#7cac5c rgb(124,172,92)
```
#87b369
```
#87b369 rgb(135,179,105)
```
#91ba76
```
#91ba76 rgb(145,186,118)
```
#9cc083
```
#9cc083 rgb(156,192,131)
```
#a6c790
```
#a6c790 rgb(166,199,144)
```
#b1cd9d
```
#b1cd9d rgb(177,205,157)
```
#bbd4aa
```
#bbd4aa rgb(187,212,170)
```
#c5dbb7
```
#c5dbb7 rgb(197,219,183)
```
#d0e1c4
```
#d0e1c4 rgb(208,225,196)
```
#dae8d1
```
#dae8d1 rgb(218,232,209)
```
#e5eede
```
#e5eede rgb(229,238,222)
```
#eff5eb
```
#eff5eb rgb(239,245,235)
```
#fafcf8
```
#fafcf8 rgb(250,252,248)
```

Tint Color Variation

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

#bfc0be
```
#bfc0be rgb(191,192,190)
```
#bec5b9
```
#bec5b9 rgb(190,197,185)
```
#bdcab4
```
#bdcab4 rgb(189,202,180)
```
#bccfaf
```
#bccfaf rgb(188,207,175)
```
#bbd4aa
```
#bbd4aa rgb(187,212,170)
```
#bad9a5
```
#bad9a5 rgb(186,217,165)
```
#b9dea0
```
#b9dea0 rgb(185,222,160)
```
#b8e39b
```
#b8e39b rgb(184,227,155)
```
#b7e896
```
#b7e896 rgb(183,232,150)
```
#b6ed91
```
#b6ed91 rgb(182,237,145)
```
#b5f28c
```
#b5f28c rgb(181,242,140)
```
#b4f688
```
#b4f688 rgb(180,246,136)
```
#b3fb83
```
#b3fb83 rgb(179,251,131)
```

Tone Color Variation

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

Dichromacy

#daceaa Protanopia 1% of men
#ecc7b3 Deuteranopia 1% of men
#c7cfde Tritanopia 0.001% of the population

Trichromacy

#cfd0aa Protanomaly 1% of men, 0.01% of women
#daccaf Deuteranomaly 6% of men, 0.4% of women
#c2d1cb Tritanomaly 0.01% of the population

#bbd4aa hex color

#bbd4aa Color Information

#bbd4aa Color Conversion

Color Schemes with #bbd4aa

Alternatives to #bbd4aa

#bbd4aa Preview

Shades and Tints of #bbd4aa

Tones of #bbd4aa

Color Blindness Simulator