#b1f3b2 hex color

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

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

● #b1f3b2 color description : Very soft lime green.

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

Hex triplet	b1f3b2	`#b1f3b2`
RGB Decimal	177, 243, 178	`rgb(177,243,178)`
RGB Percent	69.4, 95.3, 69.8	`rgb(69.4%,95.3%,69.8%)`
CMYK	27, 0, 27, 5
HSL	120.9°, 73.3, 82.4	`hsl(120.9,73.3%,82.4%)`
HSV (or HSB)	120.9°, 27.2, 95.3
Web Safe	99ff99	`#99ff99`

CIE-LAB	90.165, -32.986, 24.884
XYZ	58.216, 76.661, 53.847
xyY	0.308, 0.406, 76.661
CIE-LCH	90.165, 41.319, 142.97
CIE-LUV	90.165, -32.616, 41.49
Hunter-Lab	87.556, -34.54, 24.826
Binary	10110001, 11110011, 10110010

#b1f3b2
```
#b1f3b2 rgb(177,243,178)
```
#f3b1f2
```
#f3b1f2 rgb(243,177,242)
```

Complementary Color

#d1f3b1
```
#d1f3b1 rgb(209,243,177)
```
#b1f3b2
```
#b1f3b2 rgb(177,243,178)
```
#b1f3d3
```
#b1f3d3 rgb(177,243,211)
```

Analogous Color

#f3b1d1
```
#f3b1d1 rgb(243,177,209)
```
#b1f3b2
```
#b1f3b2 rgb(177,243,178)
```
#d3b1f3
```
#d3b1f3 rgb(211,177,243)
```

Split Complementary Color

#f3b2b1
```
#f3b2b1 rgb(243,178,177)
```
#b1f3b2
```
#b1f3b2 rgb(177,243,178)
```
#b2b1f3
```
#b2b1f3 rgb(178,177,243)
```

Triadic Color

#f2f3b1
```
#f2f3b1 rgb(242,243,177)
```
#b1f3b2
```
#b1f3b2 rgb(177,243,178)
```
#b2b1f3
```
#b2b1f3 rgb(178,177,243)
```
#f3b1f2
```
#f3b1f2 rgb(243,177,242)
```

Tetradic Color

#6fe971
```
#6fe971 rgb(111,233,113)
```
#85ec86
```
#85ec86 rgb(133,236,134)
```
#9bf09c
```
#9bf09c rgb(155,240,156)
```
#b1f3b2
```
#b1f3b2 rgb(177,243,178)
```
#c7f6c8
```
#c7f6c8 rgb(199,246,200)
```
#ddfade
```
#ddfade rgb(221,250,222)
```
#f3fdf3
```
#f3fdf3 rgb(243,253,243)
```

Monochromatic Color

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

#c1f3b1
```
#c1f3b1 rgb(193,243,177)
```
#bbf3b1
```
#bbf3b1 rgb(187,243,177)
```
#b6f3b1
```
#b6f3b1 rgb(182,243,177)
```
#b1f3b2
```
#b1f3b2 rgb(177,243,178)
```
#b1f3b8
```
#b1f3b8 rgb(177,243,184)
```
#b1f3bd
```
#b1f3bd rgb(177,243,189)
```
#b1f3c3
```
#b1f3c3 rgb(177,243,195)
```

Similar Colors

Text with hexadecimal color #b1f3b2

This text has a font color of #b1f3b2.

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

#b1f3b2 background color

This paragraph has a background color of #b1f3b2.

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

#b1f3b2 border color

This element has a border color of #b1f3b2.

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

CSS codes

.text {color:#b1f3b2;}

.background {background-color:#b1f3b2;}

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

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

#010701
```
#010701 rgb(1,7,1)
```
#041804
```
#041804 rgb(4,24,4)
```
#062907
```
#062907 rgb(6,41,7)
```
#093a0a
```
#093a0a rgb(9,58,10)
```
#0c4b0d
```
#0c4b0d rgb(12,75,13)
```
#0e5c0f
```
#0e5c0f rgb(14,92,15)
```
#116d12
```
#116d12 rgb(17,109,18)
```
#137e15
```
#137e15 rgb(19,126,21)
```
#168f18
```
#168f18 rgb(22,143,24)
```
#19a01b
```
#19a01b rgb(25,160,27)
```
#1bb11e
```
#1bb11e rgb(27,177,30)
```
#1ec220
```
#1ec220 rgb(30,194,32)
```
#20d323
```
#20d323 rgb(32,211,35)
```

Shade Color Variation

#29de2c
```
#29de2c rgb(41,222,44)
```
#3ae13d
```
#3ae13d rgb(58,225,61)
```
#4be34d
```
#4be34d rgb(75,227,77)
```
#5ce65e
```
#5ce65e rgb(92,230,94)
```
#6de96f
```
#6de96f rgb(109,233,111)
```
#7eeb80
```
#7eeb80 rgb(126,235,128)
```
#8fee90
```
#8fee90 rgb(143,238,144)
```
#a0f0a1
```
#a0f0a1 rgb(160,240,161)
```
#b1f3b2
```
#b1f3b2 rgb(177,243,178)
```
#c2f6c3
```
#c2f6c3 rgb(194,246,195)
```
#d3f8d4
```
#d3f8d4 rgb(211,248,212)
```
#e4fbe4
```
#e4fbe4 rgb(228,251,228)
```
#f5fdf5
```
#f5fdf5 rgb(245,253,245)
```

Tint Color Variation

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

#d0d4d0
```
#d0d4d0 rgb(208,212,208)
```
#cdd7cd
```
#cdd7cd rgb(205,215,205)
```
#c9dbc9
```
#c9dbc9 rgb(201,219,201)
```
#c6dec6
```
#c6dec6 rgb(198,222,198)
```
#c2e2c3
```
#c2e2c3 rgb(194,226,195)
```
#bfe5bf
```
#bfe5bf rgb(191,229,191)
```
#bbe9bc
```
#bbe9bc rgb(187,233,188)
```
#b8ecb9
```
#b8ecb9 rgb(184,236,185)
```
#b4f0b5
```
#b4f0b5 rgb(180,240,181)
```
#b1f3b2
```
#b1f3b2 rgb(177,243,178)
```
#aef6af
```
#aef6af rgb(174,246,175)
```
#aafaab
```
#aafaab rgb(170,250,171)
```
#a7fda8
```
#a7fda8 rgb(167,253,168)
```

Tone Color Variation

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

#d8d8d8 Achromatopsia 0.005% of the population
#d0ddd0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3e3af Protanopia 1% of men
#ffdec8 Deuteranopia 1% of men
#c3eafb Tritanopia 0.001% of the population

Trichromacy

#dbe9b0 Protanomaly 1% of men, 0.01% of women
#e2e5c0 Deuteranomaly 6% of men, 0.4% of women
#bdede0 Tritanomaly 0.01% of the population

#b1f3b2 hex color

#b1f3b2 Color Information

#b1f3b2 Color Conversion

Color Schemes with #b1f3b2

Alternatives to #b1f3b2

#b1f3b2 Preview

Shades and Tints of #b1f3b2

Tones of #b1f3b2

Color Blindness Simulator