colorhexa.com

#b1f358 hex color

In a RGB color space, hex #b1f358 is composed of 69.4% red, 95.3% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 27.2% cyan, 0% magenta, 63.8% yellow and 4.7% black. It has a hue angle of 85.5 degrees, a saturation of 86.6% and a lightness of 64.9%. #b1f358 color hex could be obtained by blending #ffffb0 with #63e700. Closest websafe color is: #99ff66.

- R 69
- G 95
- B 35
RGB color chart
- C 27
- M 0
- Y 64
- K 5
CMYK color chart

● #b1f358 color description : Soft green.

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

Hex triplet	b1f358	`#b1f358`
RGB Decimal	177, 243, 88	`rgb(177,243,88)`
RGB Percent	69.4, 95.3, 34.5	`rgb(69.4%,95.3%,34.5%)`
CMYK	27, 0, 64, 5
HSL	85.5°, 86.6, 64.9	`hsl(85.5,86.6%,64.9%)`
HSV (or HSB)	85.5°, 63.8, 95.3
Web Safe	99ff66	`#99ff66`

CIE-LAB	88.994, -43.773, 65.824
XYZ	51.942, 74.151, 20.808
xyY	0.354, 0.505, 74.151
CIE-LCH	88.994, 79.05, 123.624
CIE-LUV	88.994, -32.924, 87.605
Hunter-Lab	86.111, -43.023, 45.951
Binary	10110001, 11110011, 01011000

#b1f358
```
#b1f358 rgb(177,243,88)
```
#9a58f3
```
#9a58f3 rgb(154,88,243)
```

Complementary Color

#f3e858
```
#f3e858 rgb(243,232,88)
```
#b1f358
```
#b1f358 rgb(177,243,88)
```
#64f358
```
#64f358 rgb(100,243,88)
```

Analogous Color

#e858f3
```
#e858f3 rgb(232,88,243)
```
#b1f358
```
#b1f358 rgb(177,243,88)
```
#5864f3
```
#5864f3 rgb(88,100,243)
```

Split Complementary Color

#f358b1
```
#f358b1 rgb(243,88,177)
```
#b1f358
```
#b1f358 rgb(177,243,88)
```
#58b1f3
```
#58b1f3 rgb(88,177,243)
```

Triadic Color

#f39a58
```
#f39a58 rgb(243,154,88)
```
#b1f358
```
#b1f358 rgb(177,243,88)
```
#58b1f3
```
#58b1f3 rgb(88,177,243)
```
#9a58f3
```
#9a58f3 rgb(154,88,243)
```

Tetradic Color

#90ed11
```
#90ed11 rgb(144,237,17)
```
#9bf028
```
#9bf028 rgb(155,240,40)
```
#a6f140
```
#a6f140 rgb(166,241,64)
```
#b1f358
```
#b1f358 rgb(177,243,88)
```
#bcf570
```
#bcf570 rgb(188,245,112)
```
#c7f688
```
#c7f688 rgb(199,246,136)
```
#d2f89f
```
#d2f89f rgb(210,248,159)
```

Monochromatic Color

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

#d8f358
```
#d8f358 rgb(216,243,88)
```
#cbf358
```
#cbf358 rgb(203,243,88)
```
#bef358
```
#bef358 rgb(190,243,88)
```
#b1f358
```
#b1f358 rgb(177,243,88)
```
#a4f358
```
#a4f358 rgb(164,243,88)
```
#97f358
```
#97f358 rgb(151,243,88)
```
#8af358
```
#8af358 rgb(138,243,88)
```

Similar Colors

Text with hexadecimal color #b1f358

This text has a font color of #b1f358.

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

#b1f358 background color

This paragraph has a background color of #b1f358.

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

#b1f358 border color

This element has a border color of #b1f358.

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

CSS codes

.text {color:#b1f358;}

.background {background-color:#b1f358;}

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

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, #0a1001 is the darkest color, while #fefffd is the lightest one.

#0a1001
```
#0a1001 rgb(10,16,1)
```
#152202
```
#152202 rgb(21,34,2)
```
#203504
```
#203504 rgb(32,53,4)
```
#2b4705
```
#2b4705 rgb(43,71,5)
```
#365906
```
#365906 rgb(54,89,6)
```
#416c08
```
#416c08 rgb(65,108,8)
```
#4c7e09
```
#4c7e09 rgb(76,126,9)
```
#57900a
```
#57900a rgb(87,144,10)
```
#62a20c
```
#62a20c rgb(98,162,12)
```
#6db50d
```
#6db50d rgb(109,181,13)
```
#78c70e
```
#78c70e rgb(120,199,14)
```
#83d910
```
#83d910 rgb(131,217,16)
```
#8eec11
```
#8eec11 rgb(142,236,17)
```

Shade Color Variation

#97ef21
```
#97ef21 rgb(151,239,33)
```
#a0f033
```
#a0f033 rgb(160,240,51)
```
#a8f246
```
#a8f246 rgb(168,242,70)
```
#b1f358
```
#b1f358 rgb(177,243,88)
```
#baf46a
```
#baf46a rgb(186,244,106)
```
#c2f67d
```
#c2f67d rgb(194,246,125)
```
#cbf78f
```
#cbf78f rgb(203,247,143)
```
#d3f8a1
```
#d3f8a1 rgb(211,248,161)
```
#dcfab4
```
#dcfab4 rgb(220,250,180)
```
#e4fbc6
```
#e4fbc6 rgb(228,251,198)
```
#edfcd8
```
#edfcd8 rgb(237,252,216)
```
#f5feea
```
#f5feea rgb(245,254,234)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#a6a7a4
```
#a6a7a4 rgb(166,167,164)
```
#a7ae9d
```
#a7ae9d rgb(167,174,157)
```
#a8b596
```
#a8b596 rgb(168,181,150)
```
#a9bc8f
```
#a9bc8f rgb(169,188,143)
```
#aac388
```
#aac388 rgb(170,195,136)
```
#abca81
```
#abca81 rgb(171,202,129)
```
#acd17a
```
#acd17a rgb(172,209,122)
```
#add774
```
#add774 rgb(173,215,116)
```
#aede6d
```
#aede6d rgb(174,222,109)
```
#afe566
```
#afe566 rgb(175,229,102)
```
#b0ec5f
```
#b0ec5f rgb(176,236,95)
```
#b1f358
```
#b1f358 rgb(177,243,88)
```
#b2fa51
```
#b2fa51 rgb(178,250,81)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#c8d5b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fae15b Protanopia 1% of men
#ffdbae Deuteranopia 1% of men
#cbe4f5 Tritanopia 0.001% of the population

Trichromacy

#dfe75a Protanomaly 1% of men, 0.01% of women
#e2e48f Deuteranomaly 6% of men, 0.4% of women
#c1eabc Tritanomaly 0.01% of the population