#b1dc96 hex color

In a RGB color space, hex #b1dc96 is composed of 69.4% red, 86.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 19.5% cyan, 0% magenta, 31.8% yellow and 13.7% black. It has a hue angle of 96.9 degrees, a saturation of 50% and a lightness of 72.5%. #b1dc96 color hex could be obtained by blending #ffffff with #63b92d. Closest websafe color is: #99cc99.

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

● #b1dc96 color description : Very soft green.

The hexadecimal color #b1dc96 has RGB values of R:177, G:220, B:150 and CMYK values of C:0.2, M:0, Y:0.32, K:0.14. Its decimal value is 11656342.

Hex triplet	b1dc96	`#b1dc96`
RGB Decimal	177, 220, 150	`rgb(177,220,150)`
RGB Percent	69.4, 86.3, 58.8	`rgb(69.4%,86.3%,58.8%)`
CMYK	20, 0, 32, 14
HSL	96.9°, 50, 72.5	`hsl(96.9,50%,72.5%)`
HSV (or HSB)	96.9°, 31.8, 86.3
Web Safe	99cc99	`#99cc99`

CIE-LAB	83.303, -26.488, 29.947
XYZ	49.228, 62.735, 38.368
xyY	0.327, 0.417, 62.735
CIE-LCH	83.303, 39.981, 131.493
CIE-LUV	83.303, -21.328, 45.984
Hunter-Lab	79.205, -27.666, 26.723
Binary	10110001, 11011100, 10010110

#b1dc96
```
#b1dc96 rgb(177,220,150)
```
#c196dc
```
#c196dc rgb(193,150,220)
```

Complementary Color

#d4dc96
```
#d4dc96 rgb(212,220,150)
```
#b1dc96
```
#b1dc96 rgb(177,220,150)
```
#96dc9e
```
#96dc9e rgb(150,220,158)
```

Analogous Color

#dc96d4
```
#dc96d4 rgb(220,150,212)
```
#b1dc96
```
#b1dc96 rgb(177,220,150)
```
#9e96dc
```
#9e96dc rgb(158,150,220)
```

Split Complementary Color

#dc96b1
```
#dc96b1 rgb(220,150,177)
```
#b1dc96
```
#b1dc96 rgb(177,220,150)
```
#96b1dc
```
#96b1dc rgb(150,177,220)
```

Triadic Color

#dcc196
```
#dcc196 rgb(220,193,150)
```
#b1dc96
```
#b1dc96 rgb(177,220,150)
```
#96b1dc
```
#96b1dc rgb(150,177,220)
```
#c196dc
```
#c196dc rgb(193,150,220)
```

Tetradic Color

#86c95d
```
#86c95d rgb(134,201,93)
```
#95cf70
```
#95cf70 rgb(149,207,112)
```
#a3d683
```
#a3d683 rgb(163,214,131)
```
#b1dc96
```
#b1dc96 rgb(177,220,150)
```
#bfe2a9
```
#bfe2a9 rgb(191,226,169)
```
#cde9bc
```
#cde9bc rgb(205,233,188)
```
#dcefcf
```
#dcefcf rgb(220,239,207)
```

Monochromatic Color

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

#c3dc96
```
#c3dc96 rgb(195,220,150)
```
#bddc96
```
#bddc96 rgb(189,220,150)
```
#b7dc96
```
#b7dc96 rgb(183,220,150)
```
#b1dc96
```
#b1dc96 rgb(177,220,150)
```
#abdc96
```
#abdc96 rgb(171,220,150)
```
#a5dc96
```
#a5dc96 rgb(165,220,150)
```
#a0dc96
```
#a0dc96 rgb(160,220,150)
```

Similar Colors

Text with hexadecimal color #b1dc96

This text has a font color of #b1dc96.

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

#b1dc96 background color

This paragraph has a background color of #b1dc96.

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

#b1dc96 border color

This element has a border color of #b1dc96.

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

CSS codes

.text {color:#b1dc96;}

.background {background-color:#b1dc96;}

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

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

#070d04
```
#070d04 rgb(7,13,4)
```
#101b09
```
#101b09 rgb(16,27,9)
```
#192a0e
```
#192a0e rgb(25,42,14)
```
#223913
```
#223913 rgb(34,57,19)
```
#2a4818
```
#2a4818 rgb(42,72,24)
```
#33561d
```
#33561d rgb(51,86,29)
```
#3c6522
```
#3c6522 rgb(60,101,34)
```
#447427
```
#447427 rgb(68,116,39)
```
#4d822b
```
#4d822b rgb(77,130,43)
```
#569130
```
#569130 rgb(86,145,48)
```
#5ea035
```
#5ea035 rgb(94,160,53)
```
#67af3a
```
#67af3a rgb(103,175,58)
```
#70bd3f
```
#70bd3f rgb(112,189,63)
```

Shade Color Variation

#7ac34c
```
#7ac34c rgb(122,195,76)
```
#85c85b
```
#85c85b rgb(133,200,91)
```
#90cd6a
```
#90cd6a rgb(144,205,106)
```
#9bd279
```
#9bd279 rgb(155,210,121)
```
#a6d787
```
#a6d787 rgb(166,215,135)
```
#b1dc96
```
#b1dc96 rgb(177,220,150)
```
#bce1a5
```
#bce1a5 rgb(188,225,165)
```
#c7e6b3
```
#c7e6b3 rgb(199,230,179)
```
#d2ebc2
```
#d2ebc2 rgb(210,235,194)
```
#ddf0d1
```
#ddf0d1 rgb(221,240,209)
```
#e8f5e0
```
#e8f5e0 rgb(232,245,224)
```
#f3f9ee
```
#f3f9ee rgb(243,249,238)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#b8bcb6
```
#b8bcb6 rgb(184,188,182)
```
#b7c1b1
```
#b7c1b1 rgb(183,193,177)
```
#b6c6ac
```
#b6c6ac rgb(182,198,172)
```
#b5cca6
```
#b5cca6 rgb(181,204,166)
```
#b3d1a1
```
#b3d1a1 rgb(179,209,161)
```
#b2d79b
```
#b2d79b rgb(178,215,155)
```
#b1dc96
```
#b1dc96 rgb(177,220,150)
```
#b0e191
```
#b0e191 rgb(176,225,145)
```
#afe78b
```
#afe78b rgb(175,231,139)
```
#adec86
```
#adec86 rgb(173,236,134)
```
#acf280
```
#acf280 rgb(172,242,128)
```
#abf77b
```
#abf77b rgb(171,247,123)
```
#aafc76
```
#aafc76 rgb(170,252,118)
```

Tone Color Variation

Below, you can see how #b1dc96 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
#c3cbbd Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2d196 Protanopia 1% of men
#f5c9a1 Deuteranopia 1% of men
#c2d4e3 Tritanopia 0.001% of the population

Trichromacy

#d0d596 Protanomaly 1% of men, 0.01% of women
#dcd09d Deuteranomaly 6% of men, 0.4% of women
#bbd7c7 Tritanomaly 0.01% of the population

#b1dc96 hex color

#b1dc96 Color Information

#b1dc96 Color Conversion

Color Schemes with #b1dc96

Alternatives to #b1dc96

#b1dc96 Preview

Shades and Tints of #b1dc96

Tones of #b1dc96

Color Blindness Simulator