#b4f2ba hex color

In a RGB color space, hex #b4f2ba is composed of 70.6% red, 94.9% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 25.6% cyan, 0% magenta, 23.1% yellow and 5.1% black. It has a hue angle of 125.8 degrees, a saturation of 70.5% and a lightness of 82.7%. #b4f2ba color hex could be obtained by blending #ffffff with #69e575. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 71
- G 95
- B 73
RGB color chart
- C 26
- M 0
- Y 23
- K 5
CMYK color chart

● #b4f2ba color description : Very soft lime green.

The hexadecimal color #b4f2ba has RGB values of R:180, G:242, B:186 and CMYK values of C:0.26, M:0, Y:0.23, K:0.05. Its decimal value is 11858618.

Hex triplet	b4f2ba	`#b4f2ba`
RGB Decimal	180, 242, 186	`rgb(180,242,186)`
RGB Percent	70.6, 94.9, 72.9	`rgb(70.6%,94.9%,72.9%)`
CMYK	26, 0, 23, 5
HSL	125.8°, 70.5, 82.7	`hsl(125.8,70.5%,82.7%)`
HSV (or HSB)	125.8°, 25.6, 94.9
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	90.207, -30.221, 20.864
XYZ	59.435, 76.751, 58.135
xyY	0.306, 0.395, 76.751
CIE-LCH	90.207, 36.723, 145.379
CIE-LUV	90.207, -30.724, 35.614
Hunter-Lab	87.608, -32.215, 21.982
Binary	10110100, 11110010, 10111010

#b4f2ba
```
#b4f2ba rgb(180,242,186)
```
#f2b4ec
```
#f2b4ec rgb(242,180,236)
```

Complementary Color

#cdf2b4
```
#cdf2b4 rgb(205,242,180)
```
#b4f2ba
```
#b4f2ba rgb(180,242,186)
```
#b4f2d9
```
#b4f2d9 rgb(180,242,217)
```

Analogous Color

#f2b4cd
```
#f2b4cd rgb(242,180,205)
```
#b4f2ba
```
#b4f2ba rgb(180,242,186)
```
#d9b4f2
```
#d9b4f2 rgb(217,180,242)
```

Split Complementary Color

#f2bab4
```
#f2bab4 rgb(242,186,180)
```
#b4f2ba
```
#b4f2ba rgb(180,242,186)
```
#bab4f2
```
#bab4f2 rgb(186,180,242)
```

Triadic Color

#ecf2b4
```
#ecf2b4 rgb(236,242,180)
```
#b4f2ba
```
#b4f2ba rgb(180,242,186)
```
#bab4f2
```
#bab4f2 rgb(186,180,242)
```
#f2b4ec
```
#f2b4ec rgb(242,180,236)
```

Tetradic Color

#73e77e
```
#73e77e rgb(115,231,126)
```
#89ea92
```
#89ea92 rgb(137,234,146)
```
#9eeea6
```
#9eeea6 rgb(158,238,166)
```
#b4f2ba
```
#b4f2ba rgb(180,242,186)
```
#caf6ce
```
#caf6ce rgb(202,246,206)
```
#dffae2
```
#dffae2 rgb(223,250,226)
```
#f5fdf6
```
#f5fdf6 rgb(245,253,246)
```

Monochromatic Color

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

#bef2b4
```
#bef2b4 rgb(190,242,180)
```
#b8f2b4
```
#b8f2b4 rgb(184,242,180)
```
#b4f2b5
```
#b4f2b5 rgb(180,242,181)
```
#b4f2ba
```
#b4f2ba rgb(180,242,186)
```
#b4f2bf
```
#b4f2bf rgb(180,242,191)
```
#b4f2c4
```
#b4f2c4 rgb(180,242,196)
```
#b4f2ca
```
#b4f2ca rgb(180,242,202)
```

Similar Colors

Text with hexadecimal color #b4f2ba

This text has a font color of #b4f2ba.

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

#b4f2ba background color

This paragraph has a background color of #b4f2ba.

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

#b4f2ba border color

This element has a border color of #b4f2ba.

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

CSS codes

.text {color:#b4f2ba;}

.background {background-color:#b4f2ba;}

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

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

#010902
```
#010902 rgb(1,9,2)
```
#041906
```
#041906 rgb(4,25,6)
```
#072a0b
```
#072a0b rgb(7,42,11)
```
#0a3b0f
```
#0a3b0f rgb(10,59,15)
```
#0d4b13
```
#0d4b13 rgb(13,75,19)
```
#105c17
```
#105c17 rgb(16,92,23)
```
#136d1c
```
#136d1c rgb(19,109,28)
```
#167e20
```
#167e20 rgb(22,126,32)
```
#198e24
```
#198e24 rgb(25,142,36)
```
#1c9f28
```
#1c9f28 rgb(28,159,40)
```
#1eb02d
```
#1eb02d rgb(30,176,45)
```
#21c031
```
#21c031 rgb(33,192,49)
```
#24d135
```
#24d135 rgb(36,209,53)
```

Shade Color Variation

#2edb3f
```
#2edb3f rgb(46,219,63)
```
#3fde4e
```
#3fde4e rgb(63,222,78)
```
#50e15e
```
#50e15e rgb(80,225,94)
```
#60e46d
```
#60e46d rgb(96,228,109)
```
#71e67c
```
#71e67c rgb(113,230,124)
```
#82e98c
```
#82e98c rgb(130,233,140)
```
#93ec9b
```
#93ec9b rgb(147,236,155)
```
#a3efab
```
#a3efab rgb(163,239,171)
```
#b4f2ba
```
#b4f2ba rgb(180,242,186)
```
#c5f5c9
```
#c5f5c9 rgb(197,245,201)
```
#d5f8d9
```
#d5f8d9 rgb(213,248,217)
```
#e6fbe8
```
#e6fbe8 rgb(230,251,232)
```
#f7fef8
```
#f7fef8 rgb(247,254,248)
```

Tint Color Variation

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

#d2d4d3
```
#d2d4d3 rgb(210,212,211)
```
#cfd7d0
```
#cfd7d0 rgb(207,215,208)
```
#ccdacd
```
#ccdacd rgb(204,218,205)
```
#c8deca
```
#c8deca rgb(200,222,202)
```
#c5e1c8
```
#c5e1c8 rgb(197,225,200)
```
#c2e4c5
```
#c2e4c5 rgb(194,228,197)
```
#bee8c2
```
#bee8c2 rgb(190,232,194)
```
#bbebbf
```
#bbebbf rgb(187,235,191)
```
#b7efbd
```
#b7efbd rgb(183,239,189)
```
#b4f2ba
```
#b4f2ba rgb(180,242,186)
```
#b1f5b7
```
#b1f5b7 rgb(177,245,183)
```
#adf9b5
```
#adf9b5 rgb(173,249,181)
```
#aafcb2
```
#aafcb2 rgb(170,252,178)
```

Tone Color Variation

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

#d9d9d9 Achromatopsia 0.005% of the population
#d2ded3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2e3b7 Protanopia 1% of men
#ffddcb Deuteranopia 1% of men
#c5eafb Tritanopia 0.001% of the population

Trichromacy

#dbe9b8 Protanomaly 1% of men, 0.01% of women
#e3e5c5 Deuteranomaly 6% of men, 0.4% of women
#beede3 Tritanomaly 0.01% of the population

#b4f2ba hex color

#b4f2ba Color Information

#b4f2ba Color Conversion

Color Schemes with #b4f2ba

Alternatives to #b4f2ba

#b4f2ba Preview

Shades and Tints of #b4f2ba

Tones of #b4f2ba

Color Blindness Simulator