#bbd5af hex color

In a RGB color space, hex #bbd5af is composed of 73.3% red, 83.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 12.2% cyan, 0% magenta, 17.8% yellow and 16.5% black. It has a hue angle of 101.1 degrees, a saturation of 31.1% and a lightness of 76.1%. #bbd5af color hex could be obtained by blending #ffffff with #77ab5f. Closest websafe color is: #cccc99.

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

● #bbd5af color description : Grayish green.

The hexadecimal color #bbd5af has RGB values of R:187, G:213, B:175 and CMYK values of C:0.12, M:0, Y:0.18, K:0.16. Its decimal value is 12309935.

Hex triplet	bbd5af	`#bbd5af`
RGB Decimal	187, 213, 175	`rgb(187,213,175)`
RGB Percent	73.3, 83.5, 68.6	`rgb(73.3%,83.5%,68.6%)`
CMYK	12, 0, 18, 16
HSL	101.1°, 31.1, 76.1	`hsl(101.1,31.1%,76.1%)`
HSV (or HSB)	101.1°, 17.8, 83.5
Web Safe	cccc99	`#cccc99`

CIE-LAB	82.512, -15.618, 15.923
XYZ	52.024, 61.248, 49.636
xyY	0.319, 0.376, 61.248
CIE-LCH	82.512, 22.304, 134.447
CIE-LUV	82.512, -12.853, 25.73
Hunter-Lab	78.261, -18.299, 17.179
Binary	10111011, 11010101, 10101111

#bbd5af
```
#bbd5af rgb(187,213,175)
```
#c9afd5
```
#c9afd5 rgb(201,175,213)
```

Complementary Color

#ced5af
```
#ced5af rgb(206,213,175)
```
#bbd5af
```
#bbd5af rgb(187,213,175)
```
#afd5b6
```
#afd5b6 rgb(175,213,182)
```

Analogous Color

#d5afce
```
#d5afce rgb(213,175,206)
```
#bbd5af
```
#bbd5af rgb(187,213,175)
```
#b6afd5
```
#b6afd5 rgb(182,175,213)
```

Split Complementary Color

#d5afbb
```
#d5afbb rgb(213,175,187)
```
#bbd5af
```
#bbd5af rgb(187,213,175)
```
#afbbd5
```
#afbbd5 rgb(175,187,213)
```

Triadic Color

#d5c9af
```
#d5c9af rgb(213,201,175)
```
#bbd5af
```
#bbd5af rgb(187,213,175)
```
#afbbd5
```
#afbbd5 rgb(175,187,213)
```
#c9afd5
```
#c9afd5 rgb(201,175,213)
```

Tetradic Color

#90bb7d
```
#90bb7d rgb(144,187,125)
```
#9fc38e
```
#9fc38e rgb(159,195,142)
```
#adcc9e
```
#adcc9e rgb(173,204,158)
```
#bbd5af
```
#bbd5af rgb(187,213,175)
```
#c9dec0
```
#c9dec0 rgb(201,222,192)
```
#d7e7d0
```
#d7e7d0 rgb(215,231,208)
```
#e6efe1
```
#e6efe1 rgb(230,239,225)
```

Monochromatic Color

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

#c5d5af
```
#c5d5af rgb(197,213,175)
```
#c1d5af
```
#c1d5af rgb(193,213,175)
```
#bed5af
```
#bed5af rgb(190,213,175)
```
#bbd5af
```
#bbd5af rgb(187,213,175)
```
#b8d5af
```
#b8d5af rgb(184,213,175)
```
#b5d5af
```
#b5d5af rgb(181,213,175)
```
#b2d5af
```
#b2d5af rgb(178,213,175)
```

Similar Colors

Text with hexadecimal color #bbd5af

This text has a font color of #bbd5af.

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

#bbd5af background color

This paragraph has a background color of #bbd5af.

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

#bbd5af border color

This element has a border color of #bbd5af.

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

CSS codes

.text {color:#bbd5af;}

.background {background-color:#bbd5af;}

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

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

#070a05
```
#070a05 rgb(7,10,5)
```
#0f170c
```
#0f170c rgb(15,23,12)
```
#182413
```
#182413 rgb(24,36,19)
```
#21311a
```
#21311a rgb(33,49,26)
```
#2a3d20
```
#2a3d20 rgb(42,61,32)
```
#324a27
```
#324a27 rgb(50,74,39)
```
#3b572e
```
#3b572e rgb(59,87,46)
```
#446435
```
#446435 rgb(68,100,53)
```
#4c713b
```
#4c713b rgb(76,113,59)
```
#557e42
```
#557e42 rgb(85,126,66)
```
#5e8b49
```
#5e8b49 rgb(94,139,73)
```
#669850
```
#669850 rgb(102,152,80)
```
#6fa456
```
#6fa456 rgb(111,164,86)
```

Shade Color Variation

#79ac62
```
#79ac62 rgb(121,172,98)
```
#84b36f
```
#84b36f rgb(132,179,111)
```
#8fba7c
```
#8fba7c rgb(143,186,124)
```
#9ac188
```
#9ac188 rgb(154,193,136)
```
#a5c795
```
#a5c795 rgb(165,199,149)
```
#b0cea2
```
#b0cea2 rgb(176,206,162)
```
#bbd5af
```
#bbd5af rgb(187,213,175)
```
#c6dcbc
```
#c6dcbc rgb(198,220,188)
```
#d1e3c9
```
#d1e3c9 rgb(209,227,201)
```
#dce9d6
```
#dce9d6 rgb(220,233,214)
```
#e7f0e2
```
#e7f0e2 rgb(231,240,226)
```
#f2f7ef
```
#f2f7ef rgb(242,247,239)
```
#fdfefc
```
#fdfefc rgb(253,254,252)
```

Tint Color Variation

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

#c2c2c2
```
#c2c2c2 rgb(194,194,194)
```
#c0c7bd
```
#c0c7bd rgb(192,199,189)
```
#beccb8
```
#beccb8 rgb(190,204,184)
```
#bdd0b4
```
#bdd0b4 rgb(189,208,180)
```
#bbd5af
```
#bbd5af rgb(187,213,175)
```
#b9daaa
```
#b9daaa rgb(185,218,170)
```
#b8dea6
```
#b8dea6 rgb(184,222,166)
```
#b6e3a1
```
#b6e3a1 rgb(182,227,161)
```
#b4e89c
```
#b4e89c rgb(180,232,156)
```
#b2ec98
```
#b2ec98 rgb(178,236,152)
```
#b1f193
```
#b1f193 rgb(177,241,147)
```
#aff68e
```
#aff68e rgb(175,246,142)
```
#adfb89
```
#adfb89 rgb(173,251,137)
```

Tone Color Variation

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

#dacfaf Protanopia 1% of men
#ecc8b7 Deuteranopia 1% of men
#c6d0df Tritanopia 0.001% of the population

Trichromacy

#cfd1af Protanomaly 1% of men, 0.01% of women
#dacdb4 Deuteranomaly 6% of men, 0.4% of women
#c2d2ce Tritanomaly 0.01% of the population

#bbd5af hex color

#bbd5af Color Information

#bbd5af Color Conversion

Color Schemes with #bbd5af

Alternatives to #bbd5af

#bbd5af Preview

Shades and Tints of #bbd5af

Tones of #bbd5af

Color Blindness Simulator