#b1dd96 hex color

In a RGB color space, hex #b1dd96 is composed of 69.4% red, 86.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 19.9% cyan, 0% magenta, 32.1% yellow and 13.3% black. It has a hue angle of 97.2 degrees, a saturation of 51.1% and a lightness of 72.7%. #b1dd96 color hex could be obtained by blending #ffffff with #63bb2d. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 87
- B 59
RGB color chart
- C 20
- M 0
- Y 32
- K 13
CMYK color chart

● #b1dd96 color description : Very soft green.

The hexadecimal color #b1dd96 has RGB values of R:177, G:221, B:150 and CMYK values of C:0.2, M:0, Y:0.32, K:0.13. Its decimal value is 11656598.

Hex triplet	b1dd96	`#b1dd96`
RGB Decimal	177, 221, 150	`rgb(177,221,150)`
RGB Percent	69.4, 86.7, 58.8	`rgb(69.4%,86.7%,58.8%)`
CMYK	20, 0, 32, 13
HSL	97.2°, 51.1, 72.7	`hsl(97.2,51.1%,72.7%)`
HSV (or HSB)	97.2°, 32.1, 86.7
Web Safe	99cc99	`#99cc99`

CIE-LAB	83.58, -26.968, 30.317
XYZ	49.491, 63.261, 38.456
xyY	0.327, 0.418, 63.261
CIE-LCH	83.58, 40.576, 131.654
CIE-LUV	83.58, -21.836, 46.561
Hunter-Lab	79.537, -28.119, 27.009
Binary	10110001, 11011101, 10010110

#b1dd96
```
#b1dd96 rgb(177,221,150)
```
#c296dd
```
#c296dd rgb(194,150,221)
```

Complementary Color

#d5dd96
```
#d5dd96 rgb(213,221,150)
```
#b1dd96
```
#b1dd96 rgb(177,221,150)
```
#96dd9f
```
#96dd9f rgb(150,221,159)
```

Analogous Color

#dd96d5
```
#dd96d5 rgb(221,150,213)
```
#b1dd96
```
#b1dd96 rgb(177,221,150)
```
#9f96dd
```
#9f96dd rgb(159,150,221)
```

Split Complementary Color

#dd96b1
```
#dd96b1 rgb(221,150,177)
```
#b1dd96
```
#b1dd96 rgb(177,221,150)
```
#96b1dd
```
#96b1dd rgb(150,177,221)
```

Triadic Color

#ddc296
```
#ddc296 rgb(221,194,150)
```
#b1dd96
```
#b1dd96 rgb(177,221,150)
```
#96b1dd
```
#96b1dd rgb(150,177,221)
```
#c296dd
```
#c296dd rgb(194,150,221)
```

Tetradic Color

#86ca5c
```
#86ca5c rgb(134,202,92)
```
#94d16f
```
#94d16f rgb(148,209,111)
```
#a3d783
```
#a3d783 rgb(163,215,131)
```
#b1dd96
```
#b1dd96 rgb(177,221,150)
```
#bfe3a9
```
#bfe3a9 rgb(191,227,169)
```
#cee9bd
```
#cee9bd rgb(206,233,189)
```
#dcf0d0
```
#dcf0d0 rgb(220,240,208)
```

Monochromatic Color

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

#c3dd96
```
#c3dd96 rgb(195,221,150)
```
#bddd96
```
#bddd96 rgb(189,221,150)
```
#b7dd96
```
#b7dd96 rgb(183,221,150)
```
#b1dd96
```
#b1dd96 rgb(177,221,150)
```
#abdd96
```
#abdd96 rgb(171,221,150)
```
#a5dd96
```
#a5dd96 rgb(165,221,150)
```
#9fdd96
```
#9fdd96 rgb(159,221,150)
```

Similar Colors

Text with hexadecimal color #b1dd96

This text has a font color of #b1dd96.

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

#b1dd96 background color

This paragraph has a background color of #b1dd96.

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

#b1dd96 border color

This element has a border color of #b1dd96.

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

CSS codes

.text {color:#b1dd96;}

.background {background-color:#b1dd96;}

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

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, #080e04 is the darkest color, while #fefffe is the lightest one.

#080e04
```
#080e04 rgb(8,14,4)
```
#101c09
```
#101c09 rgb(16,28,9)
```
#192b0e
```
#192b0e rgb(25,43,14)
```
#223a13
```
#223a13 rgb(34,58,19)
```
#2a4918
```
#2a4918 rgb(42,73,24)
```
#33581c
```
#33581c rgb(51,88,28)
```
#3c6621
```
#3c6621 rgb(60,102,33)
```
#447526
```
#447526 rgb(68,117,38)
```
#4d842b
```
#4d842b rgb(77,132,43)
```
#559330
```
#559330 rgb(85,147,48)
```
#5ea234
```
#5ea234 rgb(94,162,52)
```
#67b139
```
#67b139 rgb(103,177,57)
```
#6fbf3e
```
#6fbf3e rgb(111,191,62)
```

Shade Color Variation

#7ac54c
```
#7ac54c rgb(122,197,76)
```
#85ca5b
```
#85ca5b rgb(133,202,91)
```
#90cf6a
```
#90cf6a rgb(144,207,106)
```
#9bd378
```
#9bd378 rgb(155,211,120)
```
#a6d887
```
#a6d887 rgb(166,216,135)
```
#b1dd96
```
#b1dd96 rgb(177,221,150)
```
#bce2a5
```
#bce2a5 rgb(188,226,165)
```
#c7e7b4
```
#c7e7b4 rgb(199,231,180)
```
#d2ebc2
```
#d2ebc2 rgb(210,235,194)
```
#ddf0d1
```
#ddf0d1 rgb(221,240,209)
```
#e8f5e0
```
#e8f5e0 rgb(232,245,224)
```
#f3faef
```
#f3faef rgb(243,250,239)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#b9bdb6
```
#b9bdb6 rgb(185,189,182)
```
#b7c2b1
```
#b7c2b1 rgb(183,194,177)
```
#b6c8ab
```
#b6c8ab rgb(182,200,171)
```
#b5cda6
```
#b5cda6 rgb(181,205,166)
```
#b4d2a1
```
#b4d2a1 rgb(180,210,161)
```
#b2d89b
```
#b2d89b rgb(178,216,155)
```
#b1dd96
```
#b1dd96 rgb(177,221,150)
```
#b0e291
```
#b0e291 rgb(176,226,145)
```
#aee88b
```
#aee88b rgb(174,232,139)
```
#aded86
```
#aded86 rgb(173,237,134)
```
#acf281
```
#acf281 rgb(172,242,129)
```
#abf87b
```
#abf87b rgb(171,248,123)
```
#a9fd76
```
#a9fd76 rgb(169,253,118)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c3ccbe Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2d296 Protanopia 1% of men
#f6caa1 Deuteranopia 1% of men
#c2d5e4 Tritanopia 0.001% of the population

Trichromacy

#d0d696 Protanomaly 1% of men, 0.01% of women
#ddd19d Deuteranomaly 6% of men, 0.4% of women
#bcd8c8 Tritanomaly 0.01% of the population

#b1dd96 hex color

#b1dd96 Color Information

#b1dd96 Color Conversion

Color Schemes with #b1dd96

Alternatives to #b1dd96

#b1dd96 Preview

Shades and Tints of #b1dd96

Tones of #b1dd96

Color Blindness Simulator