#b4f0bc hex color

In a RGB color space, hex #b4f0bc is composed of 70.6% red, 94.1% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 0% magenta, 21.7% yellow and 5.9% black. It has a hue angle of 128 degrees, a saturation of 66.7% and a lightness of 82.4%. #b4f0bc color hex could be obtained by blending #ffffff with #69e179. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 71
- G 94
- B 74
RGB color chart
- C 25
- M 0
- Y 22
- K 6
CMYK color chart

● #b4f0bc color description : Very soft lime green.

The hexadecimal color #b4f0bc has RGB values of R:180, G:240, B:188 and CMYK values of C:0.25, M:0, Y:0.22, K:0.06. Its decimal value is 11858108.

Hex triplet	b4f0bc	`#b4f0bc`
RGB Decimal	180, 240, 188	`rgb(180,240,188)`
RGB Percent	70.6, 94.1, 73.7	`rgb(70.6%,94.1%,73.7%)`
CMYK	25, 0, 22, 6
HSL	128°, 66.7, 82.4	`hsl(128,66.7%,82.4%)`
HSV (or HSB)	128°, 25, 94.1
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	89.698, -28.935, 19.125
XYZ	59.057, 75.652, 59.065
xyY	0.305, 0.39, 75.652
CIE-LCH	89.698, 34.684, 146.536
CIE-LUV	89.698, -29.783, 32.97
Hunter-Lab	86.978, -31.013, 20.622
Binary	10110100, 11110000, 10111100

#b4f0bc
```
#b4f0bc rgb(180,240,188)
```
#f0b4e8
```
#f0b4e8 rgb(240,180,232)
```

Complementary Color

#caf0b4
```
#caf0b4 rgb(202,240,180)
```
#b4f0bc
```
#b4f0bc rgb(180,240,188)
```
#b4f0da
```
#b4f0da rgb(180,240,218)
```

Analogous Color

#f0b4ca
```
#f0b4ca rgb(240,180,202)
```
#b4f0bc
```
#b4f0bc rgb(180,240,188)
```
#dab4f0
```
#dab4f0 rgb(218,180,240)
```

Split Complementary Color

#f0bcb4
```
#f0bcb4 rgb(240,188,180)
```
#b4f0bc
```
#b4f0bc rgb(180,240,188)
```
#bcb4f0
```
#bcb4f0 rgb(188,180,240)
```

Triadic Color

#e8f0b4
```
#e8f0b4 rgb(232,240,180)
```
#b4f0bc
```
#b4f0bc rgb(180,240,188)
```
#bcb4f0
```
#bcb4f0 rgb(188,180,240)
```
#f0b4e8
```
#f0b4e8 rgb(240,180,232)
```

Tetradic Color

#74e383
```
#74e383 rgb(116,227,131)
```
#8ae896
```
#8ae896 rgb(138,232,150)
```
#9feca9
```
#9feca9 rgb(159,236,169)
```
#b4f0bc
```
#b4f0bc rgb(180,240,188)
```
#c9f4cf
```
#c9f4cf rgb(201,244,207)
```
#dff9e2
```
#dff9e2 rgb(223,249,226)
```
#f4fdf5
```
#f4fdf5 rgb(244,253,245)
```

Monochromatic Color

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

#bbf0b4
```
#bbf0b4 rgb(187,240,180)
```
#b6f0b4
```
#b6f0b4 rgb(182,240,180)
```
#b4f0b7
```
#b4f0b7 rgb(180,240,183)
```
#b4f0bc
```
#b4f0bc rgb(180,240,188)
```
#b4f0c1
```
#b4f0c1 rgb(180,240,193)
```
#b4f0c6
```
#b4f0c6 rgb(180,240,198)
```
#b4f0cb
```
#b4f0cb rgb(180,240,203)
```

Similar Colors

Text with hexadecimal color #b4f0bc

This text has a font color of #b4f0bc.

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

#b4f0bc background color

This paragraph has a background color of #b4f0bc.

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

#b4f0bc border color

This element has a border color of #b4f0bc.

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

CSS codes

.text {color:#b4f0bc;}

.background {background-color:#b4f0bc;}

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

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

#010702
```
#010702 rgb(1,7,2)
```
#051707
```
#051707 rgb(5,23,7)
```
#08270c
```
#08270c rgb(8,39,12)
```
#0b3811
```
#0b3811 rgb(11,56,17)
```
#0e4816
```
#0e4816 rgb(14,72,22)
```
#12581b
```
#12581b rgb(18,88,27)
```
#156920
```
#156920 rgb(21,105,32)
```
#187925
```
#187925 rgb(24,121,37)
```
#1c8a2a
```
#1c8a2a rgb(28,138,42)
```
#1f9a2f
```
#1f9a2f rgb(31,154,47)
```
#22aa34
```
#22aa34 rgb(34,170,52)
```
#25bb39
```
#25bb39 rgb(37,187,57)
```
#29cb3e
```
#29cb3e rgb(41,203,62)
```

Shade Color Variation

#31d647
```
#31d647 rgb(49,214,71)
```
#42d956
```
#42d956 rgb(66,217,86)
```
#52dc64
```
#52dc64 rgb(82,220,100)
```
#62e073
```
#62e073 rgb(98,224,115)
```
#73e382
```
#73e382 rgb(115,227,130)
```
#83e690
```
#83e690 rgb(131,230,144)
```
#93e99f
```
#93e99f rgb(147,233,159)
```
#a4edad
```
#a4edad rgb(164,237,173)
```
#b4f0bc
```
#b4f0bc rgb(180,240,188)
```
#c4f3cb
```
#c4f3cb rgb(196,243,203)
```
#d5f7d9
```
#d5f7d9 rgb(213,247,217)
```
#e5fae8
```
#e5fae8 rgb(229,250,232)
```
#f5fdf6
```
#f5fdf6 rgb(245,253,246)
```

Tint Color Variation

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

#d0d4d0
```
#d0d4d0 rgb(208,212,208)
```
#ccd8ce
```
#ccd8ce rgb(204,216,206)
```
#c9dbcb
```
#c9dbcb rgb(201,219,203)
```
#c5dfc9
```
#c5dfc9 rgb(197,223,201)
```
#c2e2c6
```
#c2e2c6 rgb(194,226,198)
```
#bee6c4
```
#bee6c4 rgb(190,230,196)
```
#bbe9c1
```
#bbe9c1 rgb(187,233,193)
```
#b7edbf
```
#b7edbf rgb(183,237,191)
```
#b4f0bc
```
#b4f0bc rgb(180,240,188)
```
#b1f3b9
```
#b1f3b9 rgb(177,243,185)
```
#adf7b7
```
#adf7b7 rgb(173,247,183)
```
#aafab4
```
#aafab4 rgb(170,250,180)
```
#a6feb2
```
#a6feb2 rgb(166,254,178)
```

Tone Color Variation

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

Dichromacy

#f0e2b9 Protanopia 1% of men
#ffdcca Deuteranopia 1% of men
#c4e8f9 Tritanopia 0.001% of the population

Trichromacy

#dae7ba Protanomaly 1% of men, 0.01% of women
#e3e3c5 Deuteranomaly 6% of men, 0.4% of women
#beebe3 Tritanomaly 0.01% of the population

#b4f0bc hex color

#b4f0bc Color Information

#b4f0bc Color Conversion

Color Schemes with #b4f0bc

Alternatives to #b4f0bc

#b4f0bc Preview

Shades and Tints of #b4f0bc

Tones of #b4f0bc

Color Blindness Simulator