#bbd5b1 hex color

In a RGB color space, hex #bbd5b1 is composed of 73.3% red, 83.5% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 12.2% cyan, 0% magenta, 16.9% yellow and 16.5% black. It has a hue angle of 103.3 degrees, a saturation of 30% and a lightness of 76.5%. #bbd5b1 color hex could be obtained by blending #ffffff with #77ab63. Closest websafe color is: #cccc99.

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

● #bbd5b1 color description : Grayish green.

The hexadecimal color #bbd5b1 has RGB values of R:187, G:213, B:177 and CMYK values of C:0.12, M:0, Y:0.17, K:0.16. Its decimal value is 12309937.

Hex triplet	bbd5b1	`#bbd5b1`
RGB Decimal	187, 213, 177	`rgb(187,213,177)`
RGB Percent	73.3, 83.5, 69.4	`rgb(73.3%,83.5%,69.4%)`
CMYK	12, 0, 17, 16
HSL	103.3°, 30, 76.5	`hsl(103.3,30%,76.5%)`
HSV (or HSB)	103.3°, 16.9, 83.5
Web Safe	cccc99	`#cccc99`

CIE-LAB	82.554, -15.283, 14.926
XYZ	52.222, 61.327, 50.679
xyY	0.318, 0.373, 61.327
CIE-LCH	82.554, 21.363, 135.678
CIE-LUV	82.554, -12.904, 24.303
Hunter-Lab	78.312, -18.013, 16.449
Binary	10111011, 11010101, 10110001

#bbd5b1
```
#bbd5b1 rgb(187,213,177)
```
#cbb1d5
```
#cbb1d5 rgb(203,177,213)
```

Complementary Color

#cdd5b1
```
#cdd5b1 rgb(205,213,177)
```
#bbd5b1
```
#bbd5b1 rgb(187,213,177)
```
#b1d5b9
```
#b1d5b9 rgb(177,213,185)
```

Analogous Color

#d5b1cd
```
#d5b1cd rgb(213,177,205)
```
#bbd5b1
```
#bbd5b1 rgb(187,213,177)
```
#b9b1d5
```
#b9b1d5 rgb(185,177,213)
```

Split Complementary Color

#d5b1bb
```
#d5b1bb rgb(213,177,187)
```
#bbd5b1
```
#bbd5b1 rgb(187,213,177)
```
#b1bbd5
```
#b1bbd5 rgb(177,187,213)
```

Triadic Color

#d5cbb1
```
#d5cbb1 rgb(213,203,177)
```
#bbd5b1
```
#bbd5b1 rgb(187,213,177)
```
#b1bbd5
```
#b1bbd5 rgb(177,187,213)
```
#cbb1d5
```
#cbb1d5 rgb(203,177,213)
```

Tetradic Color

#90ba7f
```
#90ba7f rgb(144,186,127)
```
#9ec390
```
#9ec390 rgb(158,195,144)
```
#adcca0
```
#adcca0 rgb(173,204,160)
```
#bbd5b1
```
#bbd5b1 rgb(187,213,177)
```
#c9dec2
```
#c9dec2 rgb(201,222,194)
```
#d8e7d2
```
#d8e7d2 rgb(216,231,210)
```
#e6f0e3
```
#e6f0e3 rgb(230,240,227)
```

Monochromatic Color

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

#c4d5b1
```
#c4d5b1 rgb(196,213,177)
```
#c1d5b1
```
#c1d5b1 rgb(193,213,177)
```
#bed5b1
```
#bed5b1 rgb(190,213,177)
```
#bbd5b1
```
#bbd5b1 rgb(187,213,177)
```
#b8d5b1
```
#b8d5b1 rgb(184,213,177)
```
#b5d5b1
```
#b5d5b1 rgb(181,213,177)
```
#b2d5b1
```
#b2d5b1 rgb(178,213,177)
```

Similar Colors

Text with hexadecimal color #bbd5b1

This text has a font color of #bbd5b1.

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

#bbd5b1 background color

This paragraph has a background color of #bbd5b1.

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

#bbd5b1 border color

This element has a border color of #bbd5b1.

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

CSS codes

.text {color:#bbd5b1;}

.background {background-color:#bbd5b1;}

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

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)
```
#192514
```
#192514 rgb(25,37,20)
```
#21321b
```
#21321b rgb(33,50,27)
```
#2a3e22
```
#2a3e22 rgb(42,62,34)
```
#324b28
```
#324b28 rgb(50,75,40)
```
#3b582f
```
#3b582f rgb(59,88,47)
```
#436536
```
#436536 rgb(67,101,54)
```
#4c713d
```
#4c713d rgb(76,113,61)
```
#547e44
```
#547e44 rgb(84,126,68)
```
#5d8b4b
```
#5d8b4b rgb(93,139,75)
```
#659852
```
#659852 rgb(101,152,82)
```
#6ea458
```
#6ea458 rgb(110,164,88)
```

Shade Color Variation

#78ac65
```
#78ac65 rgb(120,172,101)
```
#83b371
```
#83b371 rgb(131,179,113)
```
#8fba7e
```
#8fba7e rgb(143,186,126)
```
#9ac08b
```
#9ac08b rgb(154,192,139)
```
#a5c798
```
#a5c798 rgb(165,199,152)
```
#b0cea4
```
#b0cea4 rgb(176,206,164)
```
#bbd5b1
```
#bbd5b1 rgb(187,213,177)
```
#c6dcbe
```
#c6dcbe rgb(198,220,190)
```
#d1e3cb
```
#d1e3cb rgb(209,227,203)
```
#dcead7
```
#dcead7 rgb(220,234,215)
```
#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, #c1c7bf is the less saturated color, while #a9ff87 is the most saturated one.

#c1c7bf
```
#c1c7bf rgb(193,199,191)
```
#bfccba
```
#bfccba rgb(191,204,186)
```
#bdd0b6
```
#bdd0b6 rgb(189,208,182)
```
#bbd5b1
```
#bbd5b1 rgb(187,213,177)
```
#b9daac
```
#b9daac rgb(185,218,172)
```
#b7dea8
```
#b7dea8 rgb(183,222,168)
```
#b5e3a3
```
#b5e3a3 rgb(181,227,163)
```
#b3e79f
```
#b3e79f rgb(179,231,159)
```
#b1ec9a
```
#b1ec9a rgb(177,236,154)
```
#aff195
```
#aff195 rgb(175,241,149)
```
#adf591
```
#adf591 rgb(173,245,145)
```
#abfa8c
```
#abfa8c rgb(171,250,140)
```
#a9ff87
```
#a9ff87 rgb(169,255,135)
```

Tone Color Variation

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

#dacfb1 Protanopia 1% of men
#ebc8b9 Deuteranopia 1% of men
#c6d1df Tritanopia 0.001% of the population

Trichromacy

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

#bbd5b1 hex color

#bbd5b1 Color Information

#bbd5b1 Color Conversion

Color Schemes with #bbd5b1

Alternatives to #bbd5b1

#bbd5b1 Preview

Shades and Tints of #bbd5b1

Tones of #bbd5b1

Color Blindness Simulator