#b2cd96 hex color

In a RGB color space, hex #b2cd96 is composed of 69.8% red, 80.4% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 13.2% cyan, 0% magenta, 26.8% yellow and 19.6% black. It has a hue angle of 89.5 degrees, a saturation of 35.5% and a lightness of 69.6%. #b2cd96 color hex could be obtained by blending #ffffff with #659b2d. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 70
- G 80
- B 59
RGB color chart
- C 13
- M 0
- Y 27
- K 20
CMYK color chart

● #b2cd96 color description : Slightly desaturated green.

The hexadecimal color #b2cd96 has RGB values of R:178, G:205, B:150 and CMYK values of C:0.13, M:0, Y:0.27, K:0.2. Its decimal value is 11718038.

Hex triplet	b2cd96	`#b2cd96`
RGB Decimal	178, 205, 150	`rgb(178,205,150)`
RGB Percent	69.8, 80.4, 58.8	`rgb(69.8%,80.4%,58.8%)`
CMYK	13, 0, 27, 20
HSL	89.5°, 35.5, 69.6	`hsl(89.5,35.5%,69.6%)`
HSV (or HSB)	89.5°, 26.8, 80.4
Web Safe	99cc99	`#99cc99`

CIE-LAB	79.23, -18.782, 24.469
XYZ	45.695, 55.329, 37.125
xyY	0.331, 0.401, 55.329
CIE-LCH	79.23, 30.846, 127.51
CIE-LUV	79.23, -13.033, 37.267
Hunter-Lab	74.384, -20.515, 22.477
Binary	10110010, 11001101, 10010110

#b2cd96
```
#b2cd96 rgb(178,205,150)
```
#b196cd
```
#b196cd rgb(177,150,205)
```

Complementary Color

#cdcd96
```
#cdcd96 rgb(205,205,150)
```
#b2cd96
```
#b2cd96 rgb(178,205,150)
```
#97cd96
```
#97cd96 rgb(151,205,150)
```

Analogous Color

#cd96cd
```
#cd96cd rgb(205,150,205)
```
#b2cd96
```
#b2cd96 rgb(178,205,150)
```
#9697cd
```
#9697cd rgb(150,151,205)
```

Split Complementary Color

#cd96b2
```
#cd96b2 rgb(205,150,178)
```
#b2cd96
```
#b2cd96 rgb(178,205,150)
```
#96b2cd
```
#96b2cd rgb(150,178,205)
```

Triadic Color

#cdb196
```
#cdb196 rgb(205,177,150)
```
#b2cd96
```
#b2cd96 rgb(178,205,150)
```
#96b2cd
```
#96b2cd rgb(150,178,205)
```
#b196cd
```
#b196cd rgb(177,150,205)
```

Tetradic Color

#8cb462
```
#8cb462 rgb(140,180,98)
```
#99bd73
```
#99bd73 rgb(153,189,115)
```
#a5c585
```
#a5c585 rgb(165,197,133)
```
#b2cd96
```
#b2cd96 rgb(178,205,150)
```
#bfd5a7
```
#bfd5a7 rgb(191,213,167)
```
#cbddb9
```
#cbddb9 rgb(203,221,185)
```
#d8e6ca
```
#d8e6ca rgb(216,230,202)
```

Monochromatic Color

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

#c0cd96
```
#c0cd96 rgb(192,205,150)
```
#bbcd96
```
#bbcd96 rgb(187,205,150)
```
#b7cd96
```
#b7cd96 rgb(183,205,150)
```
#b2cd96
```
#b2cd96 rgb(178,205,150)
```
#adcd96
```
#adcd96 rgb(173,205,150)
```
#a9cd96
```
#a9cd96 rgb(169,205,150)
```
#a4cd96
```
#a4cd96 rgb(164,205,150)
```

Similar Colors

Text with hexadecimal color #b2cd96

This text has a font color of #b2cd96.

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

#b2cd96 background color

This paragraph has a background color of #b2cd96.

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

#b2cd96 border color

This element has a border color of #b2cd96.

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

CSS codes

.text {color:#b2cd96;}

.background {background-color:#b2cd96;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0b0f07
```
#0b0f07 rgb(11,15,7)
```
#151c0d
```
#151c0d rgb(21,28,13)
```
#1f2914
```
#1f2914 rgb(31,41,20)
```
#28361a
```
#28361a rgb(40,54,26)
```
#324420
```
#324420 rgb(50,68,32)
```
#3c5127
```
#3c5127 rgb(60,81,39)
```
#465e2d
```
#465e2d rgb(70,94,45)
```
#506c33
```
#506c33 rgb(80,108,51)
```
#5a793a
```
#5a793a rgb(90,121,58)
```
#648640
```
#648640 rgb(100,134,64)
```
#6e9346
```
#6e9346 rgb(110,147,70)
```
#77a14d
```
#77a14d rgb(119,161,77)
```

Shade Color Variation

#81ad54
```
#81ad54 rgb(129,173,84)
```
#8bb461
```
#8bb461 rgb(139,180,97)
```
#95ba6e
```
#95ba6e rgb(149,186,110)
```
#9fc07b
```
#9fc07b rgb(159,192,123)
```
#a8c789
```
#a8c789 rgb(168,199,137)
```
#b2cd96
```
#b2cd96 rgb(178,205,150)
```
#bcd3a3
```
#bcd3a3 rgb(188,211,163)
```
#c5dab1
```
#c5dab1 rgb(197,218,177)
```
#cfe0be
```
#cfe0be rgb(207,224,190)
```
#d9e6cb
```
#d9e6cb rgb(217,230,203)
```
#e3edd8
```
#e3edd8 rgb(227,237,216)
```
#ecf3e6
```
#ecf3e6 rgb(236,243,230)
```
#f6f9f3
```
#f6f9f3 rgb(246,249,243)
```

Tint Color Variation

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

#b2b5ae
```
#b2b5ae rgb(178,181,174)
```
#b2bba8
```
#b2bba8 rgb(178,187,168)
```
#b2c1a2
```
#b2c1a2 rgb(178,193,162)
```
#b2c79c
```
#b2c79c rgb(178,199,156)
```
#b2cd96
```
#b2cd96 rgb(178,205,150)
```
#b2d390
```
#b2d390 rgb(178,211,144)
```
#b2d98a
```
#b2d98a rgb(178,217,138)
```
#b2df84
```
#b2df84 rgb(178,223,132)
```
#b2e57e
```
#b2e57e rgb(178,229,126)
```
#b3eb78
```
#b3eb78 rgb(179,235,120)
```
#b3f172
```
#b3f172 rgb(179,241,114)
```
#b3f76c
```
#b3f76c rgb(179,247,108)
```
#b3fd66
```
#b3fd66 rgb(179,253,102)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bcc2b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5c697 Protanopia 1% of men
#e7bfa0 Deuteranopia 1% of men
#c0c7d6 Tritanopia 0.001% of the population

Trichromacy

#c8c997 Protanomaly 1% of men, 0.01% of women
#d3c49c Deuteranomaly 6% of men, 0.4% of women
#bbc9be Tritanomaly 0.01% of the population

#b2cd96 hex color

#b2cd96 Color Information

#b2cd96 Color Conversion

Color Schemes with #b2cd96

Alternatives to #b2cd96

#b2cd96 Preview

Shades and Tints of #b2cd96

Tones of #b2cd96

Color Blindness Simulator