#b1fa6a hex color

In a RGB color space, hex #b1fa6a is composed of 69.4% red, 98% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 29.2% cyan, 0% magenta, 57.6% yellow and 2% black. It has a hue angle of 90.4 degrees, a saturation of 93.5% and a lightness of 69.8%. #b1fa6a color hex could be obtained by blending #ffffd4 with #63f500. Closest websafe color is: #99ff66.

♥
- f
- t
- g
- R 69
- G 98
- B 42
RGB color chart
- C 29
- M 0
- Y 58
- K 2
CMYK color chart

● #b1fa6a color description : Soft green.

The hexadecimal color #b1fa6a has RGB values of R:177, G:250, B:106 and CMYK values of C:0.29, M:0, Y:0.58, K:0.02. Its decimal value is 11663978.

Hex triplet	b1fa6a	`#b1fa6a`
RGB Decimal	177, 250, 106	`rgb(177,250,106)`
RGB Percent	69.4, 98, 41.6	`rgb(69.4%,98%,41.6%)`
CMYK	29, 0, 58, 2
HSL	90.4°, 93.5, 69.8	`hsl(90.4,93.5%,69.8%)`
HSV (or HSB)	90.4°, 57.6, 98
Web Safe	99ff66	`#99ff66`

CIE-LAB	91.124, -45.296, 60.708
XYZ	54.917, 78.757, 25.943
xyY	0.344, 0.493, 78.757
CIE-LCH	91.124, 75.744, 126.728
CIE-LUV	91.124, -36.341, 84.171
Hunter-Lab	88.745, -44.845, 44.789
Binary	10110001, 11111010, 01101010

#b1fa6a
```
#b1fa6a rgb(177,250,106)
```
#b36afa
```
#b36afa rgb(179,106,250)
```

Complementary Color

#f9fa6a
```
#f9fa6a rgb(249,250,106)
```
#b1fa6a
```
#b1fa6a rgb(177,250,106)
```
#6afa6b
```
#6afa6b rgb(106,250,107)
```

Analogous Color

#fa6af9
```
#fa6af9 rgb(250,106,249)
```
#b1fa6a
```
#b1fa6a rgb(177,250,106)
```
#6b6afa
```
#6b6afa rgb(107,106,250)
```

Split Complementary Color

#fa6ab1
```
#fa6ab1 rgb(250,106,177)
```
#b1fa6a
```
#b1fa6a rgb(177,250,106)
```
#6ab1fa
```
#6ab1fa rgb(106,177,250)
```

Triadic Color

#fab36a
```
#fab36a rgb(250,179,106)
```
#b1fa6a
```
#b1fa6a rgb(177,250,106)
```
#6ab1fa
```
#6ab1fa rgb(106,177,250)
```
#b36afa
```
#b36afa rgb(179,106,250)
```

Tetradic Color

#8af820
```
#8af820 rgb(138,248,32)
```
#97f839
```
#97f839 rgb(151,248,57)
```
#a4f951
```
#a4f951 rgb(164,249,81)
```
#b1fa6a
```
#b1fa6a rgb(177,250,106)
```
#befb83
```
#befb83 rgb(190,251,131)
```
#cbfc9b
```
#cbfc9b rgb(203,252,155)
```
#d8fcb4
```
#d8fcb4 rgb(216,252,180)
```

Monochromatic Color

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

#d5fa6a
```
#d5fa6a rgb(213,250,106)
```
#c9fa6a
```
#c9fa6a rgb(201,250,106)
```
#bdfa6a
```
#bdfa6a rgb(189,250,106)
```
#b1fa6a
```
#b1fa6a rgb(177,250,106)
```
#a5fa6a
```
#a5fa6a rgb(165,250,106)
```
#99fa6a
```
#99fa6a rgb(153,250,106)
```
#8dfa6a
```
#8dfa6a rgb(141,250,106)
```

Similar Colors

Text with hexadecimal color #b1fa6a

This text has a font color of #b1fa6a.

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

#b1fa6a background color

This paragraph has a background color of #b1fa6a.

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

#b1fa6a border color

This element has a border color of #b1fa6a.

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

CSS codes

.text {color:#b1fa6a;}

.background {background-color:#b1fa6a;}

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

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

#010300
```
#010300 rgb(1,3,0)
```
#0b1601
```
#0b1601 rgb(11,22,1)
```
#152901
```
#152901 rgb(21,41,1)
```
#1e3c02
```
#1e3c02 rgb(30,60,2)
```
#284f03
```
#284f03 rgb(40,79,3)
```
#326203
```
#326203 rgb(50,98,3)
```
#3c7504
```
#3c7504 rgb(60,117,4)
```
#458805
```
#458805 rgb(69,136,5)
```
#4f9b05
```
#4f9b05 rgb(79,155,5)
```
#59ae06
```
#59ae06 rgb(89,174,6)
```
#62c106
```
#62c106 rgb(98,193,6)
```
#6cd407
```
#6cd407 rgb(108,212,7)
```
#76e708
```
#76e708 rgb(118,231,8)
```

Shade Color Variation

#7ff70b
```
#7ff70b rgb(127,247,11)
```
#89f71e
```
#89f71e rgb(137,247,30)
```
#93f831
```
#93f831 rgb(147,248,49)
```
#9df944
```
#9df944 rgb(157,249,68)
```
#a7f957
```
#a7f957 rgb(167,249,87)
```
#b1fa6a
```
#b1fa6a rgb(177,250,106)
```
#bbfb7d
```
#bbfb7d rgb(187,251,125)
```
#c5fb90
```
#c5fb90 rgb(197,251,144)
```
#cffca3
```
#cffca3 rgb(207,252,163)
```
#d9fdb6
```
#d9fdb6 rgb(217,253,182)
```
#e3fdc9
```
#e3fdc9 rgb(227,253,201)
```
#edfedc
```
#edfedc rgb(237,254,220)
```
#f7feef
```
#f7feef rgb(247,254,239)
```

Tint Color Variation

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

#b2b3b1
```
#b2b3b1 rgb(178,179,177)
```
#b2b9ab
```
#b2b9ab rgb(178,185,171)
```
#b2bfa5
```
#b2bfa5 rgb(178,191,165)
```
#b2c59f
```
#b2c59f rgb(178,197,159)
```
#b2cb99
```
#b2cb99 rgb(178,203,153)
```
#b2d193
```
#b2d193 rgb(178,209,147)
```
#b1d68e
```
#b1d68e rgb(177,214,142)
```
#b1dc88
```
#b1dc88 rgb(177,220,136)
```
#b1e282
```
#b1e282 rgb(177,226,130)
```
#b1e87c
```
#b1e87c rgb(177,232,124)
```
#b1ee76
```
#b1ee76 rgb(177,238,118)
```
#b1f470
```
#b1f470 rgb(177,244,112)
```
#b1fa6a
```
#b1fa6a rgb(177,250,106)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#cddcbf Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe770 Protanopia 1% of men
#ffe2c1 Deuteranopia 1% of men
#ccebfc Tritanopia 0.001% of the population

Trichromacy

#e2ed6e Protanomaly 1% of men, 0.01% of women
#e2eaa1 Deuteranomaly 6% of men, 0.4% of women
#c2f0c7 Tritanomaly 0.01% of the population

#b1fa6a hex color

#b1fa6a Color Information

#b1fa6a Color Conversion

Color Schemes with #b1fa6a

Alternatives to #b1fa6a

#b1fa6a Preview

Shades and Tints of #b1fa6a

Tones of #b1fa6a

Color Blindness Simulator