#b1f3af hex color

In a RGB color space, hex #b1f3af is composed of 69.4% red, 95.3% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 27.2% cyan, 0% magenta, 28% yellow and 4.7% black. It has a hue angle of 118.2 degrees, a saturation of 73.9% and a lightness of 82%. #b1f3af color hex could be obtained by blending #ffffff with #63e75f. Closest websafe color is: #99ff99.

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

● #b1f3af color description : Very soft lime green.

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

Hex triplet	b1f3af	`#b1f3af`
RGB Decimal	177, 243, 175	`rgb(177,243,175)`
RGB Percent	69.4, 95.3, 68.6	`rgb(69.4%,95.3%,68.6%)`
CMYK	27, 0, 28, 5
HSL	118.2°, 73.9, 82	`hsl(118.2,73.9%,82%)`
HSV (or HSB)	118.2°, 28, 95.3
Web Safe	99ff99	`#99ff99`

CIE-LAB	90.11, -33.474, 26.34
XYZ	57.918, 76.542, 52.277
xyY	0.31, 0.41, 76.542
CIE-LCH	90.11, 42.595, 141.801
CIE-LUV	90.11, -32.628, 43.484
Hunter-Lab	87.488, -34.936, 25.814
Binary	10110001, 11110011, 10101111

#b1f3af
```
#b1f3af rgb(177,243,175)
```
#f1aff3
```
#f1aff3 rgb(241,175,243)
```

Complementary Color

#d3f3af
```
#d3f3af rgb(211,243,175)
```
#b1f3af
```
#b1f3af rgb(177,243,175)
```
#aff3cf
```
#aff3cf rgb(175,243,207)
```

Analogous Color

#f3afd3
```
#f3afd3 rgb(243,175,211)
```
#b1f3af
```
#b1f3af rgb(177,243,175)
```
#cfaff3
```
#cfaff3 rgb(207,175,243)
```

Split Complementary Color

#f3afb1
```
#f3afb1 rgb(243,175,177)
```
#b1f3af
```
#b1f3af rgb(177,243,175)
```
#afb1f3
```
#afb1f3 rgb(175,177,243)
```

Triadic Color

#f3f1af
```
#f3f1af rgb(243,241,175)
```
#b1f3af
```
#b1f3af rgb(177,243,175)
```
#afb1f3
```
#afb1f3 rgb(175,177,243)
```
#f1aff3
```
#f1aff3 rgb(241,175,243)
```

Tetradic Color

#70e96c
```
#70e96c rgb(112,233,108)
```
#86ec83
```
#86ec83 rgb(134,236,131)
```
#9bf099
```
#9bf099 rgb(155,240,153)
```
#b1f3af
```
#b1f3af rgb(177,243,175)
```
#c7f6c5
```
#c7f6c5 rgb(199,246,197)
```
#dcfadb
```
#dcfadb rgb(220,250,219)
```
#f2fdf2
```
#f2fdf2 rgb(242,253,242)
```

Monochromatic Color

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

#c2f3af
```
#c2f3af rgb(194,243,175)
```
#bcf3af
```
#bcf3af rgb(188,243,175)
```
#b7f3af
```
#b7f3af rgb(183,243,175)
```
#b1f3af
```
#b1f3af rgb(177,243,175)
```
#aff3b3
```
#aff3b3 rgb(175,243,179)
```
#aff3b8
```
#aff3b8 rgb(175,243,184)
```
#aff3be
```
#aff3be rgb(175,243,190)
```

Similar Colors

Text with hexadecimal color #b1f3af

This text has a font color of #b1f3af.

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

#b1f3af background color

This paragraph has a background color of #b1f3af.

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

#b1f3af border color

This element has a border color of #b1f3af.

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

CSS codes

.text {color:#b1f3af;}

.background {background-color:#b1f3af;}

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

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

#010501
```
#010501 rgb(1,5,1)
```
#041603
```
#041603 rgb(4,22,3)
```
#072706
```
#072706 rgb(7,39,6)
```
#0a3808
```
#0a3808 rgb(10,56,8)
```
#0d4a0b
```
#0d4a0b rgb(13,74,11)
```
#105b0e
```
#105b0e rgb(16,91,14)
```
#136c10
```
#136c10 rgb(19,108,16)
```
#167d13
```
#167d13 rgb(22,125,19)
```
#198e15
```
#198e15 rgb(25,142,21)
```
#1c9f18
```
#1c9f18 rgb(28,159,24)
```
#1fb01a
```
#1fb01a rgb(31,176,26)
```
#22c11d
```
#22c11d rgb(34,193,29)
```
#25d21f
```
#25d21f rgb(37,210,31)
```

Shade Color Variation

#2cdf27
```
#2cdf27 rgb(44,223,39)
```
#3de138
```
#3de138 rgb(61,225,56)
```
#4de449
```
#4de449 rgb(77,228,73)
```
#5ee65a
```
#5ee65a rgb(94,230,90)
```
#6ee96b
```
#6ee96b rgb(110,233,107)
```
#7feb7c
```
#7feb7c rgb(127,235,124)
```
#90ee8d
```
#90ee8d rgb(144,238,141)
```
#a0f09e
```
#a0f09e rgb(160,240,158)
```
#b1f3af
```
#b1f3af rgb(177,243,175)
```
#c2f6c0
```
#c2f6c0 rgb(194,246,192)
```
#d2f8d1
```
#d2f8d1 rgb(210,248,209)
```
#e3fbe2
```
#e3fbe2 rgb(227,251,226)
```
#f4fdf3
```
#f4fdf3 rgb(244,253,243)
```

Tint Color Variation

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

#cfd3cf
```
#cfd3cf rgb(207,211,207)
```
#ccd7cb
```
#ccd7cb rgb(204,215,203)
```
#c8dac8
```
#c8dac8 rgb(200,218,200)
```
#c5dec4
```
#c5dec4 rgb(197,222,196)
```
#c2e1c1
```
#c2e1c1 rgb(194,225,193)
```
#bee5bd
```
#bee5bd rgb(190,229,189)
```
#bbe8ba
```
#bbe8ba rgb(187,232,186)
```
#b8ecb6
```
#b8ecb6 rgb(184,236,182)
```
#b4efb3
```
#b4efb3 rgb(180,239,179)
```
#b1f3af
```
#b1f3af rgb(177,243,175)
```
#aef7ab
```
#aef7ab rgb(174,247,171)
```
#aafaa8
```
#aafaa8 rgb(170,250,168)
```
#a7fea4
```
#a7fea4 rgb(167,254,164)
```

Tone Color Variation

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

#f4e3ac Protanopia 1% of men
#ffdec6 Deuteranopia 1% of men
#c4eafa Tritanopia 0.001% of the population

Trichromacy

#dbe9ad Protanomaly 1% of men, 0.01% of women
#e2e5be Deuteranomaly 6% of men, 0.4% of women
#bdeddf Tritanomaly 0.01% of the population

#b1f3af hex color

#b1f3af Color Information

#b1f3af Color Conversion

Color Schemes with #b1f3af

Alternatives to #b1f3af

#b1f3af Preview

Shades and Tints of #b1f3af

Tones of #b1f3af

Color Blindness Simulator