#bbd696 hex color

In a RGB color space, hex #bbd696 is composed of 73.3% red, 83.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 12.6% cyan, 0% magenta, 29.9% yellow and 16.1% black. It has a hue angle of 85.3 degrees, a saturation of 43.8% and a lightness of 71.4%. #bbd696 color hex could be obtained by blending #ffffff with #77ad2d. Closest websafe color is: #cccc99.

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

● #bbd696 color description : Slightly desaturated green.

The hexadecimal color #bbd696 has RGB values of R:187, G:214, B:150 and CMYK values of C:0.13, M:0, Y:0.3, K:0.16. Its decimal value is 12310166.

Hex triplet	bbd696	`#bbd696`
RGB Decimal	187, 214, 150	`rgb(187,214,150)`
RGB Percent	73.3, 83.9, 58.8	`rgb(73.3%,83.9%,58.8%)`
CMYK	13, 0, 30, 16
HSL	85.3°, 43.8, 71.4	`hsl(85.3,43.8%,71.4%)`
HSV (or HSB)	85.3°, 29.9, 83.9
Web Safe	cccc99	`#cccc99`

CIE-LAB	82.303, -19.975, 28.722
XYZ	50.044, 60.859, 37.963
xyY	0.336, 0.409, 60.859
CIE-LCH	82.303, 34.986, 124.817
CIE-LUV	82.303, -12.781, 43.141
Hunter-Lab	78.012, -22.017, 25.757
Binary	10111011, 11010110, 10010110

#bbd696
```
#bbd696 rgb(187,214,150)
```
#b196d6
```
#b196d6 rgb(177,150,214)
```

Complementary Color

#d6d196
```
#d6d196 rgb(214,209,150)
```
#bbd696
```
#bbd696 rgb(187,214,150)
```
#9bd696
```
#9bd696 rgb(155,214,150)
```

Analogous Color

#d196d6
```
#d196d6 rgb(209,150,214)
```
#bbd696
```
#bbd696 rgb(187,214,150)
```
#969bd6
```
#969bd6 rgb(150,155,214)
```

Split Complementary Color

#d696bb
```
#d696bb rgb(214,150,187)
```
#bbd696
```
#bbd696 rgb(187,214,150)
```
#96bbd6
```
#96bbd6 rgb(150,187,214)
```

Triadic Color

#d6b196
```
#d6b196 rgb(214,177,150)
```
#bbd696
```
#bbd696 rgb(187,214,150)
```
#96bbd6
```
#96bbd6 rgb(150,187,214)
```
#b196d6
```
#b196d6 rgb(177,150,214)
```

Tetradic Color

#97c15f
```
#97c15f rgb(151,193,95)
```
#a3c871
```
#a3c871 rgb(163,200,113)
```
#afcf84
```
#afcf84 rgb(175,207,132)
```
#bbd696
```
#bbd696 rgb(187,214,150)
```
#c7dda8
```
#c7dda8 rgb(199,221,168)
```
#d3e4bb
```
#d3e4bb rgb(211,228,187)
```
#dfebcd
```
#dfebcd rgb(223,235,205)
```

Monochromatic Color

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

#cbd696
```
#cbd696 rgb(203,214,150)
```
#c6d696
```
#c6d696 rgb(198,214,150)
```
#c0d696
```
#c0d696 rgb(192,214,150)
```
#bbd696
```
#bbd696 rgb(187,214,150)
```
#b6d696
```
#b6d696 rgb(182,214,150)
```
#b0d696
```
#b0d696 rgb(176,214,150)
```
#abd696
```
#abd696 rgb(171,214,150)
```

Similar Colors

Text with hexadecimal color #bbd696

This text has a font color of #bbd696.

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

#bbd696 background color

This paragraph has a background color of #bbd696.

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

#bbd696 border color

This element has a border color of #bbd696.

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

CSS codes

.text {color:#bbd696;}

.background {background-color:#bbd696;}

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

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

#060803
```
#060803 rgb(6,8,3)
```
#101609
```
#101609 rgb(16,22,9)
```
#1b240e
```
#1b240e rgb(27,36,14)
```
#253214
```
#253214 rgb(37,50,20)
```
#304019
```
#304019 rgb(48,64,25)
```
#3a4e1f
```
#3a4e1f rgb(58,78,31)
```
#455c24
```
#455c24 rgb(69,92,36)
```
#4f6b2a
```
#4f6b2a rgb(79,107,42)
```
#5a792f
```
#5a792f rgb(90,121,47)
```
#648735
```
#648735 rgb(100,135,53)
```
#6f953a
```
#6f953a rgb(111,149,58)
```
#79a340
```
#79a340 rgb(121,163,64)
```
#84b145
```
#84b145 rgb(132,177,69)
```

Shade Color Variation

#8dba4f
```
#8dba4f rgb(141,186,79)
```
#96c05e
```
#96c05e rgb(150,192,94)
```
#a0c56c
```
#a0c56c rgb(160,197,108)
```
#a9cb7a
```
#a9cb7a rgb(169,203,122)
```
#b2d088
```
#b2d088 rgb(178,208,136)
```
#bbd696
```
#bbd696 rgb(187,214,150)
```
#c4dca4
```
#c4dca4 rgb(196,220,164)
```
#cde1b2
```
#cde1b2 rgb(205,225,178)
```
#d6e7c0
```
#d6e7c0 rgb(214,231,192)
```
#e0ecce
```
#e0ecce rgb(224,236,206)
```
#e9f2dd
```
#e9f2dd rgb(233,242,221)
```
#f2f7eb
```
#f2f7eb rgb(242,247,235)
```
#fbfdf9
```
#fbfdf9 rgb(251,253,249)
```

Tint Color Variation

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

#b7bab2
```
#b7bab2 rgb(183,186,178)
```
#b7c0ac
```
#b7c0ac rgb(183,192,172)
```
#b8c5a7
```
#b8c5a7 rgb(184,197,167)
```
#b9cba1
```
#b9cba1 rgb(185,203,161)
```
#bad09c
```
#bad09c rgb(186,208,156)
```
#bbd696
```
#bbd696 rgb(187,214,150)
```
#bcdc90
```
#bcdc90 rgb(188,220,144)
```
#bde18b
```
#bde18b rgb(189,225,139)
```
#bee785
```
#bee785 rgb(190,231,133)
```
#bfec80
```
#bfec80 rgb(191,236,128)
```
#bff27a
```
#bff27a rgb(191,242,122)
```
#c0f874
```
#c0f874 rgb(192,248,116)
```
#c1fd6f
```
#c1fd6f rgb(193,253,111)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c5cabd Atypical Achromatopsia 0.001% of the population

Dichromacy

#decf97 Protanopia 1% of men
#f2c7a0 Deuteranopia 1% of men
#c9cfde Tritanopia 0.001% of the population

Trichromacy

#d1d197 Protanomaly 1% of men, 0.01% of women
#decc9c Deuteranomaly 6% of men, 0.4% of women
#c4d1c3 Tritanomaly 0.01% of the population

#bbd696 hex color

#bbd696 Color Information

#bbd696 Color Conversion

Color Schemes with #bbd696

Alternatives to #bbd696

#bbd696 Preview

Shades and Tints of #bbd696

Tones of #bbd696

Color Blindness Simulator