#b1f7a2 hex color

In a RGB color space, hex #b1f7a2 is composed of 69.4% red, 96.9% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 28.3% cyan, 0% magenta, 34.4% yellow and 3.1% black. It has a hue angle of 109.4 degrees, a saturation of 84.2% and a lightness of 80.2%. #b1f7a2 color hex could be obtained by blending #ffffff with #63ef45. Closest websafe color is: #99ff99.

♥
- f
- t
- g
- R 69
- G 97
- B 64
RGB color chart
- C 28
- M 0
- Y 34
- K 3
CMYK color chart

● #b1f7a2 color description : Very soft lime green.

The hexadecimal color #b1f7a2 has RGB values of R:177, G:247, B:162 and CMYK values of C:0.28, M:0, Y:0.34, K:0.03. Its decimal value is 11663266.

Hex triplet	b1f7a2	`#b1f7a2`
RGB Decimal	177, 247, 162	`rgb(177,247,162)`
RGB Percent	69.4, 96.9, 63.5	`rgb(69.4%,96.9%,63.5%)`
CMYK	28, 0, 34, 3
HSL	109.4°, 84.2, 80.2	`hsl(109.4,84.2%,80.2%)`
HSV (or HSB)	109.4°, 34.4, 96.9
Web Safe	99ff99	`#99ff99`

CIE-LAB	90.996, -37.308, 34.106
XYZ	57.912, 78.475, 46.276
xyY	0.317, 0.43, 78.475
CIE-LCH	90.996, 50.548, 137.568
CIE-LUV	90.996, -34.579, 54.111
Hunter-Lab	88.586, -38.335, 31.038
Binary	10110001, 11110111, 10100010

#b1f7a2
```
#b1f7a2 rgb(177,247,162)
```
#e8a2f7
```
#e8a2f7 rgb(232,162,247)
```

Complementary Color

#dcf7a2
```
#dcf7a2 rgb(220,247,162)
```
#b1f7a2
```
#b1f7a2 rgb(177,247,162)
```
#a2f7be
```
#a2f7be rgb(162,247,190)
```

Analogous Color

#f7a2dc
```
#f7a2dc rgb(247,162,220)
```
#b1f7a2
```
#b1f7a2 rgb(177,247,162)
```
#bea2f7
```
#bea2f7 rgb(190,162,247)
```

Split Complementary Color

#f7a2b1
```
#f7a2b1 rgb(247,162,177)
```
#b1f7a2
```
#b1f7a2 rgb(177,247,162)
```
#a2b1f7
```
#a2b1f7 rgb(162,177,247)
```

Triadic Color

#f7e8a2
```
#f7e8a2 rgb(247,232,162)
```
#b1f7a2
```
#b1f7a2 rgb(177,247,162)
```
#a2b1f7
```
#a2b1f7 rgb(162,177,247)
```
#e8a2f7
```
#e8a2f7 rgb(232,162,247)
```

Tetradic Color

#76f15c
```
#76f15c rgb(118,241,92)
```
#8af373
```
#8af373 rgb(138,243,115)
```
#9df58b
```
#9df58b rgb(157,245,139)
```
#b1f7a2
```
#b1f7a2 rgb(177,247,162)
```
#c5f9b9
```
#c5f9b9 rgb(197,249,185)
```
#d8fbd1
```
#d8fbd1 rgb(216,251,209)
```
#ecfde8
```
#ecfde8 rgb(236,253,232)
```

Monochromatic Color

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

#c6f7a2
```
#c6f7a2 rgb(198,247,162)
```
#bff7a2
```
#bff7a2 rgb(191,247,162)
```
#b8f7a2
```
#b8f7a2 rgb(184,247,162)
```
#b1f7a2
```
#b1f7a2 rgb(177,247,162)
```
#aaf7a2
```
#aaf7a2 rgb(170,247,162)
```
#a3f7a2
```
#a3f7a2 rgb(163,247,162)
```
#a2f7a8
```
#a2f7a8 rgb(162,247,168)
```

Similar Colors

Text with hexadecimal color #b1f7a2

This text has a font color of #b1f7a2.

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

#b1f7a2 background color

This paragraph has a background color of #b1f7a2.

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

#b1f7a2 border color

This element has a border color of #b1f7a2.

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

CSS codes

.text {color:#b1f7a2;}

.background {background-color:#b1f7a2;}

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

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, #040f01 is the darkest color, while #fdfffc is the lightest one.

#040f01
```
#040f01 rgb(4,15,1)
```
#082103
```
#082103 rgb(8,33,3)
```
#0d3304
```
#0d3304 rgb(13,51,4)
```
#114606
```
#114606 rgb(17,70,6)
```
#165808
```
#165808 rgb(22,88,8)
```
#1a6a09
```
#1a6a09 rgb(26,106,9)
```
#1f7c0b
```
#1f7c0b rgb(31,124,11)
```
#238e0c
```
#238e0c rgb(35,142,12)
```
#28a00e
```
#28a00e rgb(40,160,14)
```
#2cb20f
```
#2cb20f rgb(44,178,15)
```
#30c411
```
#30c411 rgb(48,196,17)
```
#35d612
```
#35d612 rgb(53,214,18)
```
#39e814
```
#39e814 rgb(57,232,20)
```

Shade Color Variation

#47ec24
```
#47ec24 rgb(71,236,36)
```
#56ee36
```
#56ee36 rgb(86,238,54)
```
#65ef48
```
#65ef48 rgb(101,239,72)
```
#74f15a
```
#74f15a rgb(116,241,90)
```
#84f26c
```
#84f26c rgb(132,242,108)
```
#93f47e
```
#93f47e rgb(147,244,126)
```
#a2f590
```
#a2f590 rgb(162,245,144)
```
#b1f7a2
```
#b1f7a2 rgb(177,247,162)
```
#c0f9b4
```
#c0f9b4 rgb(192,249,180)
```
#cffac6
```
#cffac6 rgb(207,250,198)
```
#defcd8
```
#defcd8 rgb(222,252,216)
```
#eefdea
```
#eefdea rgb(238,253,234)
```
#fdfffc
```
#fdfffc rgb(253,255,252)
```

Tint Color Variation

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

#cad0c9
```
#cad0c9 rgb(202,208,201)
```
#c8d4c5
```
#c8d4c5 rgb(200,212,197)
```
#c5d8c1
```
#c5d8c1 rgb(197,216,193)
```
#c3dcbd
```
#c3dcbd rgb(195,220,189)
```
#c0e0b9
```
#c0e0b9 rgb(192,224,185)
```
#bee4b5
```
#bee4b5 rgb(190,228,181)
```
#bbe7b2
```
#bbe7b2 rgb(187,231,178)
```
#b9ebae
```
#b9ebae rgb(185,235,174)
```
#b6efaa
```
#b6efaa rgb(182,239,170)
```
#b4f3a6
```
#b4f3a6 rgb(180,243,166)
```
#b1f7a2
```
#b1f7a2 rgb(177,247,162)
```
#aefb9e
```
#aefb9e rgb(174,251,158)
```
#acff9a
```
#acff9a rgb(172,255,154)
```

Tone Color Variation

Below, you can see how #b1f7a2 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
#d0decd Atypical Achromatopsia 0.001% of the population

Dichromacy

#f8e6a0 Protanopia 1% of men
#ffe1c8 Deuteranopia 1% of men
#c6ecfd Tritanopia 0.001% of the population

Trichromacy

#deeca0 Protanomaly 1% of men, 0.01% of women
#e2e9ba Deuteranomaly 6% of men, 0.4% of women
#bef0dc Tritanomaly 0.01% of the population

#b1f7a2 hex color

#b1f7a2 Color Information

#b1f7a2 Color Conversion

Color Schemes with #b1f7a2

Alternatives to #b1f7a2

#b1f7a2 Preview

Shades and Tints of #b1f7a2

Tones of #b1f7a2

Color Blindness Simulator