#bbd6af hex color

In a RGB color space, hex #bbd6af is composed of 73.3% red, 83.9% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 12.6% cyan, 0% magenta, 18.2% yellow and 16.1% black. It has a hue angle of 101.5 degrees, a saturation of 32.2% and a lightness of 76.3%. #bbd6af color hex could be obtained by blending #ffffff with #77ad5f. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 73
- G 84
- B 69
RGB color chart
- C 13
- M 0
- Y 18
- K 16
CMYK color chart

● #bbd6af color description : Grayish green.

The hexadecimal color #bbd6af has RGB values of R:187, G:214, B:175 and CMYK values of C:0.13, M:0, Y:0.18, K:0.16. Its decimal value is 12310191.

Hex triplet	bbd6af	`#bbd6af`
RGB Decimal	187, 214, 175	`rgb(187,214,175)`
RGB Percent	73.3, 83.9, 68.6	`rgb(73.3%,83.9%,68.6%)`
CMYK	13, 0, 18, 16
HSL	101.5°, 32.2, 76.3	`hsl(101.5,32.2%,76.3%)`
HSV (or HSB)	101.5°, 18.2, 83.9
Web Safe	cccc99	`#cccc99`

CIE-LAB	82.782, -16.121, 16.301
XYZ	52.276, 61.752, 49.72
xyY	0.319, 0.377, 61.752
CIE-LCH	82.782, 22.926, 134.682
CIE-LUV	82.782, -13.364, 26.355
Hunter-Lab	78.583, -18.775, 17.494
Binary	10111011, 11010110, 10101111

#bbd6af
```
#bbd6af rgb(187,214,175)
```
#caafd6
```
#caafd6 rgb(202,175,214)
```

Complementary Color

#cfd6af
```
#cfd6af rgb(207,214,175)
```
#bbd6af
```
#bbd6af rgb(187,214,175)
```
#afd6b7
```
#afd6b7 rgb(175,214,183)
```

Analogous Color

#d6afcf
```
#d6afcf rgb(214,175,207)
```
#bbd6af
```
#bbd6af rgb(187,214,175)
```
#b7afd6
```
#b7afd6 rgb(183,175,214)
```

Split Complementary Color

#d6afbb
```
#d6afbb rgb(214,175,187)
```
#bbd6af
```
#bbd6af rgb(187,214,175)
```
#afbbd6
```
#afbbd6 rgb(175,187,214)
```

Triadic Color

#d6caaf
```
#d6caaf rgb(214,202,175)
```
#bbd6af
```
#bbd6af rgb(187,214,175)
```
#afbbd6
```
#afbbd6 rgb(175,187,214)
```
#caafd6
```
#caafd6 rgb(202,175,214)
```

Tetradic Color

#90bc7c
```
#90bc7c rgb(144,188,124)
```
#9ec58d
```
#9ec58d rgb(158,197,141)
```
#adcd9e
```
#adcd9e rgb(173,205,158)
```
#bbd6af
```
#bbd6af rgb(187,214,175)
```
#c9dfc0
```
#c9dfc0 rgb(201,223,192)
```
#d8e7d1
```
#d8e7d1 rgb(216,231,209)
```
#e6f0e2
```
#e6f0e2 rgb(230,240,226)
```

Monochromatic Color

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

#c5d6af
```
#c5d6af rgb(197,214,175)
```
#c2d6af
```
#c2d6af rgb(194,214,175)
```
#bed6af
```
#bed6af rgb(190,214,175)
```
#bbd6af
```
#bbd6af rgb(187,214,175)
```
#b8d6af
```
#b8d6af rgb(184,214,175)
```
#b5d6af
```
#b5d6af rgb(181,214,175)
```
#b1d6af
```
#b1d6af rgb(177,214,175)
```

Similar Colors

Text with hexadecimal color #bbd6af

This text has a font color of #bbd6af.

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

#bbd6af background color

This paragraph has a background color of #bbd6af.

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

#bbd6af border color

This element has a border color of #bbd6af.

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

CSS codes

.text {color:#bbd6af;}

.background {background-color:#bbd6af;}

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

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

#070b06
```
#070b06 rgb(7,11,6)
```
#10180c
```
#10180c rgb(16,24,12)
```
#182513
```
#182513 rgb(24,37,19)
```
#213219
```
#213219 rgb(33,50,25)
```
#2a3f20
```
#2a3f20 rgb(42,63,32)
```
#324c27
```
#324c27 rgb(50,76,39)
```
#3b592d
```
#3b592d rgb(59,89,45)
```
#436634
```
#436634 rgb(67,102,52)
```
#4c733b
```
#4c733b rgb(76,115,59)
```
#548041
```
#548041 rgb(84,128,65)
```
#5d8c48
```
#5d8c48 rgb(93,140,72)
```
#66994f
```
#66994f rgb(102,153,79)
```
#6ea655
```
#6ea655 rgb(110,166,85)
```

Shade Color Variation

#79ae61
```
#79ae61 rgb(121,174,97)
```
#84b56e
```
#84b56e rgb(132,181,110)
```
#8fbb7b
```
#8fbb7b rgb(143,187,123)
```
#9ac288
```
#9ac288 rgb(154,194,136)
```
#a5c995
```
#a5c995 rgb(165,201,149)
```
#b0cfa2
```
#b0cfa2 rgb(176,207,162)
```
#bbd6af
```
#bbd6af rgb(187,214,175)
```
#c6ddbc
```
#c6ddbc rgb(198,221,188)
```
#d1e3c9
```
#d1e3c9 rgb(209,227,201)
```
#dcead6
```
#dcead6 rgb(220,234,214)
```
#e7f1e3
```
#e7f1e3 rgb(231,241,227)
```
#f2f7f0
```
#f2f7f0 rgb(242,247,240)
```
#fdfefd
```
#fdfefd rgb(253,254,253)
```

Tint Color Variation

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

#c2c3c2
```
#c2c3c2 rgb(194,195,194)
```
#c0c8bd
```
#c0c8bd rgb(192,200,189)
```
#bfcdb8
```
#bfcdb8 rgb(191,205,184)
```
#bdd1b4
```
#bdd1b4 rgb(189,209,180)
```
#bbd6af
```
#bbd6af rgb(187,214,175)
```
#b9dbaa
```
#b9dbaa rgb(185,219,170)
```
#b7dfa6
```
#b7dfa6 rgb(183,223,166)
```
#b6e4a1
```
#b6e4a1 rgb(182,228,161)
```
#b4e99c
```
#b4e99c rgb(180,233,156)
```
#b2ed98
```
#b2ed98 rgb(178,237,152)
```
#b0f293
```
#b0f293 rgb(176,242,147)
```
#aef78e
```
#aef78e rgb(174,247,142)
```
#adfb8a
```
#adfb8a rgb(173,251,138)
```

Tone Color Variation

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

Dichromacy

#dbd0af Protanopia 1% of men
#edc9b7 Deuteranopia 1% of men
#c6d1e0 Tritanopia 0.001% of the population

Trichromacy

#cfd2af Protanomaly 1% of men, 0.01% of women
#daceb4 Deuteranomaly 6% of men, 0.4% of women
#c2d3ce Tritanomaly 0.01% of the population

#bbd6af hex color

#bbd6af Color Information

#bbd6af Color Conversion

Color Schemes with #bbd6af

Alternatives to #bbd6af

#bbd6af Preview

Shades and Tints of #bbd6af

Tones of #bbd6af

Color Blindness Simulator