colorhexa.com

#b1fa57 hex color

In a RGB color space, hex #b1fa57 is composed of 69.4% red, 98% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 29.2% cyan, 0% magenta, 65.2% yellow and 2% black. It has a hue angle of 86.9 degrees, a saturation of 94.2% and a lightness of 66.1%. #b1fa57 color hex could be obtained by blending #ffffae with #63f500. Closest websafe color is: #99ff66.

- R 69
- G 98
- B 34
RGB color chart
- C 29
- M 0
- Y 65
- K 2
CMYK color chart

● #b1fa57 color description : Soft green.

The hexadecimal color #b1fa57 has RGB values of R:177, G:250, B:87 and CMYK values of C:0.29, M:0, Y:0.65, K:0.02. Its decimal value is 11663959.

Hex triplet	b1fa57	`#b1fa57`
RGB Decimal	177, 250, 87	`rgb(177,250,87)`
RGB Percent	69.4, 98, 34.1	`rgb(69.4%,98%,34.1%)`
CMYK	29, 0, 65, 2
HSL	86.9°, 94.2, 66.1	`hsl(86.9,94.2%,66.1%)`
HSV (or HSB)	86.9°, 65.2, 98
Web Safe	99ff66	`#99ff66`

CIE-LAB	90.964, -46.845, 68.315
XYZ	54.036, 78.405, 21.303
xyY	0.351, 0.51, 78.405
CIE-LCH	90.964, 82.833, 124.439
CIE-LUV	90.964, -36.429, 91.027
Hunter-Lab	88.546, -46.025, 47.718
Binary	10110001, 11111010, 01010111

#b1fa57
```
#b1fa57 rgb(177,250,87)
```
#a057fa
```
#a057fa rgb(160,87,250)
```

Complementary Color

#faf257
```
#faf257 rgb(250,242,87)
```
#b1fa57
```
#b1fa57 rgb(177,250,87)
```
#60fa57
```
#60fa57 rgb(96,250,87)
```

Analogous Color

#f257fa
```
#f257fa rgb(242,87,250)
```
#b1fa57
```
#b1fa57 rgb(177,250,87)
```
#5760fa
```
#5760fa rgb(87,96,250)
```

Split Complementary Color

#fa57b1
```
#fa57b1 rgb(250,87,177)
```
#b1fa57
```
#b1fa57 rgb(177,250,87)
```
#57b1fa
```
#57b1fa rgb(87,177,250)
```

Triadic Color

#faa057
```
#faa057 rgb(250,160,87)
```
#b1fa57
```
#b1fa57 rgb(177,250,87)
```
#57b1fa
```
#57b1fa rgb(87,177,250)
```
#a057fa
```
#a057fa rgb(160,87,250)
```

Tetradic Color

#8ff80d
```
#8ff80d rgb(143,248,13)
```
#9af925
```
#9af925 rgb(154,249,37)
```
#a6f93e
```
#a6f93e rgb(166,249,62)
```
#b1fa57
```
#b1fa57 rgb(177,250,87)
```
#bcfb70
```
#bcfb70 rgb(188,251,112)
```
#c8fb89
```
#c8fb89 rgb(200,251,137)
```
#d3fca1
```
#d3fca1 rgb(211,252,161)
```

Monochromatic Color

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

#dafa57
```
#dafa57 rgb(218,250,87)
```
#ccfa57
```
#ccfa57 rgb(204,250,87)
```
#bffa57
```
#bffa57 rgb(191,250,87)
```
#b1fa57
```
#b1fa57 rgb(177,250,87)
```
#a3fa57
```
#a3fa57 rgb(163,250,87)
```
#96fa57
```
#96fa57 rgb(150,250,87)
```
#88fa57
```
#88fa57 rgb(136,250,87)
```

Similar Colors

Text with hexadecimal color #b1fa57

This text has a font color of #b1fa57.

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

#b1fa57 background color

This paragraph has a background color of #b1fa57.

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

#b1fa57 border color

This element has a border color of #b1fa57.

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

CSS codes

.text {color:#b1fa57;}

.background {background-color:#b1fa57;}

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

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

#020300
```
#020300 rgb(2,3,0)
```
#0d1601
```
#0d1601 rgb(13,22,1)
```
#172a01
```
#172a01 rgb(23,42,1)
```
#223d02
```
#223d02 rgb(34,61,2)
```
#2d5002
```
#2d5002 rgb(45,80,2)
```
#386303
```
#386303 rgb(56,99,3)
```
#437604
```
#437604 rgb(67,118,4)
```
#4d8904
```
#4d8904 rgb(77,137,4)
```
#589c05
```
#589c05 rgb(88,156,5)
```
#63af05
```
#63af05 rgb(99,175,5)
```
#6ec206
```
#6ec206 rgb(110,194,6)
```
#78d506
```
#78d506 rgb(120,213,6)
```
#83e807
```
#83e807 rgb(131,232,7)
```

Shade Color Variation

#8ef80b
```
#8ef80b rgb(142,248,11)
```
#96f81e
```
#96f81e rgb(150,248,30)
```
#9ff931
```
#9ff931 rgb(159,249,49)
```
#a8f944
```
#a8f944 rgb(168,249,68)
```
#b1fa57
```
#b1fa57 rgb(177,250,87)
```
#bafb6a
```
#bafb6a rgb(186,251,106)
```
#c3fb7d
```
#c3fb7d rgb(195,251,125)
```
#ccfc90
```
#ccfc90 rgb(204,252,144)
```
#d4fca3
```
#d4fca3 rgb(212,252,163)
```
#ddfdb6
```
#ddfdb6 rgb(221,253,182)
```
#e6fdc9
```
#e6fdc9 rgb(230,253,201)
```
#effedc
```
#effedc rgb(239,254,220)
```
#f8ffef
```
#f8ffef rgb(248,255,239)
```

Tint Color Variation

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

#a9aaa7
```
#a9aaa7 rgb(169,170,167)
```
#a9b1a0
```
#a9b1a0 rgb(169,177,160)
```
#aab79a
```
#aab79a rgb(170,183,154)
```
#abbe93
```
#abbe93 rgb(171,190,147)
```
#abc58c
```
#abc58c rgb(171,197,140)
```
#accb86
```
#accb86 rgb(172,203,134)
```
#add27f
```
#add27f rgb(173,210,127)
```
#aed978
```
#aed978 rgb(174,217,120)
```
#aedf72
```
#aedf72 rgb(174,223,114)
```
#afe66b
```
#afe66b rgb(175,230,107)
```
#b0ed64
```
#b0ed64 rgb(176,237,100)
```
#b0f35e
```
#b0f35e rgb(176,243,94)
```
#b1fa57
```
#b1fa57 rgb(177,250,87)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#cbdab9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe669 Protanopia 1% of men
#ffe2bf Deuteranopia 1% of men
#cdeafb Tritanopia 0.001% of the population

Trichromacy

#e2ed62 Protanomaly 1% of men, 0.01% of women
#e2ea99 Deuteranomaly 6% of men, 0.4% of women
#c2f0bf Tritanomaly 0.01% of the population