#b1dfb2 hex color

In a RGB color space, hex #b1dfb2 is composed of 69.4% red, 87.5% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 20.6% cyan, 0% magenta, 20.2% yellow and 12.5% black. It has a hue angle of 121.3 degrees, a saturation of 41.8% and a lightness of 78.4%. #b1dfb2 color hex could be obtained by blending #ffffff with #63bf65. Closest websafe color is: #99cc99.

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

● #b1dfb2 color description : Very soft lime green.

The hexadecimal color #b1dfb2 has RGB values of R:177, G:223, B:178 and CMYK values of C:0.21, M:0, Y:0.2, K:0.13. Its decimal value is 11657138.

Hex triplet	b1dfb2	`#b1dfb2`
RGB Decimal	177, 223, 178	`rgb(177,223,178)`
RGB Percent	69.4, 87.5, 69.8	`rgb(69.4%,87.5%,69.8%)`
CMYK	21, 0, 20, 13
HSL	121.3°, 41.8, 78.4	`hsl(121.3,41.8%,78.4%)`
HSV (or HSB)	121.3°, 20.6, 87.5
Web Safe	99cc99	`#99cc99`

CIE-LAB	84.656, -23.48, 17.256
XYZ	52.553, 65.336, 51.959
xyY	0.309, 0.385, 65.336
CIE-LCH	84.656, 29.139, 143.688
CIE-LUV	84.656, -23.07, 29.095
Hunter-Lab	80.83, -25.399, 18.469
Binary	10110001, 11011111, 10110010

#b1dfb2
```
#b1dfb2 rgb(177,223,178)
```
#dfb1de
```
#dfb1de rgb(223,177,222)
```

Complementary Color

#c7dfb1
```
#c7dfb1 rgb(199,223,177)
```
#b1dfb2
```
#b1dfb2 rgb(177,223,178)
```
#b1dfc9
```
#b1dfc9 rgb(177,223,201)
```

Analogous Color

#dfb1c7
```
#dfb1c7 rgb(223,177,199)
```
#b1dfb2
```
#b1dfb2 rgb(177,223,178)
```
#c9b1df
```
#c9b1df rgb(201,177,223)
```

Split Complementary Color

#dfb2b1
```
#dfb2b1 rgb(223,178,177)
```
#b1dfb2
```
#b1dfb2 rgb(177,223,178)
```
#b2b1df
```
#b2b1df rgb(178,177,223)
```

Triadic Color

#dedfb1
```
#dedfb1 rgb(222,223,177)
```
#b1dfb2
```
#b1dfb2 rgb(177,223,178)
```
#b2b1df
```
#b2b1df rgb(178,177,223)
```
#dfb1de
```
#dfb1de rgb(223,177,222)
```

Tetradic Color

#7bc97c
```
#7bc97c rgb(123,201,124)
```
#8dd08e
```
#8dd08e rgb(141,208,142)
```
#9fd8a0
```
#9fd8a0 rgb(159,216,160)
```
#b1dfb2
```
#b1dfb2 rgb(177,223,178)
```
#c3e6c4
```
#c3e6c4 rgb(195,230,196)
```
#d5eed6
```
#d5eed6 rgb(213,238,214)
```
#e7f5e8
```
#e7f5e8 rgb(231,245,232)
```

Monochromatic Color

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

#bcdfb1
```
#bcdfb1 rgb(188,223,177)
```
#b8dfb1
```
#b8dfb1 rgb(184,223,177)
```
#b4dfb1
```
#b4dfb1 rgb(180,223,177)
```
#b1dfb2
```
#b1dfb2 rgb(177,223,178)
```
#b1dfb6
```
#b1dfb6 rgb(177,223,182)
```
#b1dfba
```
#b1dfba rgb(177,223,186)
```
#b1dfbe
```
#b1dfbe rgb(177,223,190)
```

Similar Colors

Text with hexadecimal color #b1dfb2

This text has a font color of #b1dfb2.

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

#b1dfb2 background color

This paragraph has a background color of #b1dfb2.

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

#b1dfb2 border color

This element has a border color of #b1dfb2.

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

CSS codes

.text {color:#b1dfb2;}

.background {background-color:#b1dfb2;}

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

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

#020502
```
#020502 rgb(2,5,2)
```
#081308
```
#081308 rgb(8,19,8)
```
#0e210e
```
#0e210e rgb(14,33,14)
```
#132f14
```
#132f14 rgb(19,47,20)
```
#193d1a
```
#193d1a rgb(25,61,26)
```
#1f4b20
```
#1f4b20 rgb(31,75,32)
```
#245926
```
#245926 rgb(36,89,38)
```
#2a672c
```
#2a672c rgb(42,103,44)
```
#307531
```
#307531 rgb(48,117,49)
```
#368337
```
#368337 rgb(54,131,55)
```
#3b913d
```
#3b913d rgb(59,145,61)
```
#419e43
```
#419e43 rgb(65,158,67)
```
#47ac49
```
#47ac49 rgb(71,172,73)
```

Shade Color Variation

#50b752
```
#50b752 rgb(80,183,82)
```
#5ebd60
```
#5ebd60 rgb(94,189,96)
```
#6bc26d
```
#6bc26d rgb(107,194,109)
```
#79c87b
```
#79c87b rgb(121,200,123)
```
#87ce89
```
#87ce89 rgb(135,206,137)
```
#95d497
```
#95d497 rgb(149,212,151)
```
#a3d9a4
```
#a3d9a4 rgb(163,217,164)
```
#b1dfb2
```
#b1dfb2 rgb(177,223,178)
```
#bfe5c0
```
#bfe5c0 rgb(191,229,192)
```
#cdeacd
```
#cdeacd rgb(205,234,205)
```
#dbf0db
```
#dbf0db rgb(219,240,219)
```
#e9f6e9
```
#e9f6e9 rgb(233,246,233)
```
#f7fcf7
```
#f7fcf7 rgb(247,252,247)
```

Tint Color Variation

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

#c6cac6
```
#c6cac6 rgb(198,202,198)
```
#c2cec2
```
#c2cec2 rgb(194,206,194)
```
#bed2be
```
#bed2be rgb(190,210,190)
```
#b9d7ba
```
#b9d7ba rgb(185,215,186)
```
#b5dbb6
```
#b5dbb6 rgb(181,219,182)
```
#b1dfb2
```
#b1dfb2 rgb(177,223,178)
```
#ade3ae
```
#ade3ae rgb(173,227,174)
```
#a9e7aa
```
#a9e7aa rgb(169,231,170)
```
#a4eca6
```
#a4eca6 rgb(164,236,166)
```
#a0f0a2
```
#a0f0a2 rgb(160,240,162)
```
#9cf49e
```
#9cf49e rgb(156,244,158)
```
#98f89a
```
#98f89a rgb(152,248,154)
```
#93fd96
```
#93fd96 rgb(147,253,150)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c7d0c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1d5b0 Protanopia 1% of men
#f2cebb Deuteranopia 1% of men
#bfd9e9 Tritanopia 0.001% of the population

Trichromacy

#cfd8b1 Protanomaly 1% of men, 0.01% of women
#dad4b8 Deuteranomaly 6% of men, 0.4% of women
#badbd5 Tritanomaly 0.01% of the population

#b1dfb2 hex color

#b1dfb2 Color Information

#b1dfb2 Color Conversion

Color Schemes with #b1dfb2

Alternatives to #b1dfb2

#b1dfb2 Preview

Shades and Tints of #b1dfb2

Tones of #b1dfb2

Color Blindness Simulator