#b1f3bc hex color

In a RGB color space, hex #b1f3bc is composed of 69.4% red, 95.3% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 27.2% cyan, 0% magenta, 22.6% yellow and 4.7% black. It has a hue angle of 130 degrees, a saturation of 73.3% and a lightness of 82.4%. #b1f3bc color hex could be obtained by blending #ffffff with #63e779. Closest websafe color is: #99ffcc.

♥
- f
- t
- g
- R 69
- G 95
- B 74
RGB color chart
- C 27
- M 0
- Y 23
- K 5
CMYK color chart

● #b1f3bc color description : Very soft lime green.

The hexadecimal color #b1f3bc has RGB values of R:177, G:243, B:188 and CMYK values of C:0.27, M:0, Y:0.23, K:0.05. Its decimal value is 11662268.

Hex triplet	b1f3bc	`#b1f3bc`
RGB Decimal	177, 243, 188	`rgb(177,243,188)`
RGB Percent	69.4, 95.3, 73.7	`rgb(69.4%,95.3%,73.7%)`
CMYK	27, 0, 23, 5
HSL	130°, 73.3, 82.4	`hsl(130,73.3%,82.4%)`
HSV (or HSB)	130°, 27.2, 95.3
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	90.357, -31.297, 20.019
XYZ	59.257, 77.077, 59.329
xyY	0.303, 0.394, 77.077
CIE-LCH	90.357, 37.152, 147.395
CIE-LUV	90.357, -32.577, 34.659
Hunter-Lab	87.794, -33.16, 21.388
Binary	10110001, 11110011, 10111100

#b1f3bc
```
#b1f3bc rgb(177,243,188)
```
#f3b1e8
```
#f3b1e8 rgb(243,177,232)
```

Complementary Color

#c7f3b1
```
#c7f3b1 rgb(199,243,177)
```
#b1f3bc
```
#b1f3bc rgb(177,243,188)
```
#b1f3dd
```
#b1f3dd rgb(177,243,221)
```

Analogous Color

#f3b1c7
```
#f3b1c7 rgb(243,177,199)
```
#b1f3bc
```
#b1f3bc rgb(177,243,188)
```
#ddb1f3
```
#ddb1f3 rgb(221,177,243)
```

Split Complementary Color

#f3bcb1
```
#f3bcb1 rgb(243,188,177)
```
#b1f3bc
```
#b1f3bc rgb(177,243,188)
```
#bcb1f3
```
#bcb1f3 rgb(188,177,243)
```

Triadic Color

#e8f3b1
```
#e8f3b1 rgb(232,243,177)
```
#b1f3bc
```
#b1f3bc rgb(177,243,188)
```
#bcb1f3
```
#bcb1f3 rgb(188,177,243)
```
#f3b1e8
```
#f3b1e8 rgb(243,177,232)
```

Tetradic Color

#6fe983
```
#6fe983 rgb(111,233,131)
```
#85ec96
```
#85ec96 rgb(133,236,150)
```
#9bf0a9
```
#9bf0a9 rgb(155,240,169)
```
#b1f3bc
```
#b1f3bc rgb(177,243,188)
```
#c7f6cf
```
#c7f6cf rgb(199,246,207)
```
#ddfae2
```
#ddfae2 rgb(221,250,226)
```
#f3fdf5
```
#f3fdf5 rgb(243,253,245)
```

Monochromatic Color

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

#b7f3b1
```
#b7f3b1 rgb(183,243,177)
```
#b1f3b1
```
#b1f3b1 rgb(177,243,177)
```
#b1f3b7
```
#b1f3b7 rgb(177,243,183)
```
#b1f3bc
```
#b1f3bc rgb(177,243,188)
```
#b1f3c2
```
#b1f3c2 rgb(177,243,194)
```
#b1f3c7
```
#b1f3c7 rgb(177,243,199)
```
#b1f3cd
```
#b1f3cd rgb(177,243,205)
```

Similar Colors

Text with hexadecimal color #b1f3bc

This text has a font color of #b1f3bc.

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

#b1f3bc background color

This paragraph has a background color of #b1f3bc.

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

#b1f3bc border color

This element has a border color of #b1f3bc.

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

CSS codes

.text {color:#b1f3bc;}

.background {background-color:#b1f3bc;}

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

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

#010702
```
#010702 rgb(1,7,2)
```
#041807
```
#041807 rgb(4,24,7)
```
#06290c
```
#06290c rgb(6,41,12)
```
#093a11
```
#093a11 rgb(9,58,17)
```
#0c4b16
```
#0c4b16 rgb(12,75,22)
```
#0e5c1b
```
#0e5c1b rgb(14,92,27)
```
#116d20
```
#116d20 rgb(17,109,32)
```
#137e25
```
#137e25 rgb(19,126,37)
```
#168f2a
```
#168f2a rgb(22,143,42)
```
#19a02f
```
#19a02f rgb(25,160,47)
```
#1bb134
```
#1bb134 rgb(27,177,52)
```
#1ec239
```
#1ec239 rgb(30,194,57)
```
#20d33e
```
#20d33e rgb(32,211,62)
```

Shade Color Variation

#29de47
```
#29de47 rgb(41,222,71)
```
#3ae156
```
#3ae156 rgb(58,225,86)
```
#4be364
```
#4be364 rgb(75,227,100)
```
#5ce673
```
#5ce673 rgb(92,230,115)
```
#6de982
```
#6de982 rgb(109,233,130)
```
#7eeb90
```
#7eeb90 rgb(126,235,144)
```
#8fee9f
```
#8fee9f rgb(143,238,159)
```
#a0f0ad
```
#a0f0ad rgb(160,240,173)
```
#b1f3bc
```
#b1f3bc rgb(177,243,188)
```
#c2f6cb
```
#c2f6cb rgb(194,246,203)
```
#d3f8d9
```
#d3f8d9 rgb(211,248,217)
```
#e4fbe8
```
#e4fbe8 rgb(228,251,232)
```
#f5fdf6
```
#f5fdf6 rgb(245,253,246)
```

Tint Color Variation

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

#d0d4d1
```
#d0d4d1 rgb(208,212,209)
```
#cdd7ce
```
#cdd7ce rgb(205,215,206)
```
#c9dbcc
```
#c9dbcc rgb(201,219,204)
```
#c6deca
```
#c6deca rgb(198,222,202)
```
#c2e2c8
```
#c2e2c8 rgb(194,226,200)
```
#bfe5c5
```
#bfe5c5 rgb(191,229,197)
```
#bbe9c3
```
#bbe9c3 rgb(187,233,195)
```
#b8ecc1
```
#b8ecc1 rgb(184,236,193)
```
#b4f0be
```
#b4f0be rgb(180,240,190)
```
#b1f3bc
```
#b1f3bc rgb(177,243,188)
```
#aef6ba
```
#aef6ba rgb(174,246,186)
```
#aafab7
```
#aafab7 rgb(170,250,183)
```
#a7fdb5
```
#a7fdb5 rgb(167,253,181)
```

Tone Color Variation

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

#d9d9d9 Achromatopsia 0.005% of the population
#d1ded3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2e4b8 Protanopia 1% of men
#ffdecd Deuteranopia 1% of men
#c2ebfc Tritanopia 0.001% of the population

Trichromacy

#dae9b9 Protanomaly 1% of men, 0.01% of women
#e2e5c7 Deuteranomaly 6% of men, 0.4% of women
#bceee4 Tritanomaly 0.01% of the population

#b1f3bc hex color

#b1f3bc Color Information

#b1f3bc Color Conversion

Color Schemes with #b1f3bc

Alternatives to #b1f3bc

#b1f3bc Preview

Shades and Tints of #b1f3bc

Tones of #b1f3bc

Color Blindness Simulator