#b4e4b2 hex color

In a RGB color space, hex #b4e4b2 is composed of 70.6% red, 89.4% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 21.1% cyan, 0% magenta, 21.9% yellow and 10.6% black. It has a hue angle of 117.6 degrees, a saturation of 48.1% and a lightness of 79.6%. #b4e4b2 color hex could be obtained by blending #ffffff with #69c965. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 71
- G 89
- B 70
RGB color chart
- C 21
- M 0
- Y 22
- K 11
CMYK color chart

● #b4e4b2 color description : Very soft lime green.

The hexadecimal color #b4e4b2 has RGB values of R:180, G:228, B:178 and CMYK values of C:0.21, M:0, Y:0.22, K:0.11. Its decimal value is 11855026.

Hex triplet	b4e4b2	`#b4e4b2`
RGB Decimal	180, 228, 178	`rgb(180,228,178)`
RGB Percent	70.6, 89.4, 69.8	`rgb(70.6%,89.4%,69.8%)`
CMYK	21, 0, 22, 11
HSL	117.6°, 48.1, 79.6	`hsl(117.6,48.1%,79.6%)`
HSV (or HSB)	117.6°, 21.9, 89.4
Web Safe	cccc99	`#cccc99`

CIE-LAB	86.208, -24.907, 19.446
XYZ	54.6, 68.403, 52.443
xyY	0.311, 0.39, 68.403
CIE-LCH	86.208, 31.599, 142.02
CIE-LUV	86.208, -24.01, 32.443
Hunter-Lab	82.706, -26.897, 20.299
Binary	10110100, 11100100, 10110010

#b4e4b2
```
#b4e4b2 rgb(180,228,178)
```
#e2b2e4
```
#e2b2e4 rgb(226,178,228)
```

Complementary Color

#cde4b2
```
#cde4b2 rgb(205,228,178)
```
#b4e4b2
```
#b4e4b2 rgb(180,228,178)
```
#b2e4c9
```
#b2e4c9 rgb(178,228,201)
```

Analogous Color

#e4b2cd
```
#e4b2cd rgb(228,178,205)
```
#b4e4b2
```
#b4e4b2 rgb(180,228,178)
```
#c9b2e4
```
#c9b2e4 rgb(201,178,228)
```

Split Complementary Color

#e4b2b4
```
#e4b2b4 rgb(228,178,180)
```
#b4e4b2
```
#b4e4b2 rgb(180,228,178)
```
#b2b4e4
```
#b2b4e4 rgb(178,180,228)
```

Triadic Color

#e4e2b2
```
#e4e2b2 rgb(228,226,178)
```
#b4e4b2
```
#b4e4b2 rgb(180,228,178)
```
#b2b4e4
```
#b2b4e4 rgb(178,180,228)
```
#e2b2e4
```
#e2b2e4 rgb(226,178,228)
```

Tetradic Color

#7dd079
```
#7dd079 rgb(125,208,121)
```
#8fd78c
```
#8fd78c rgb(143,215,140)
```
#a2dd9f
```
#a2dd9f rgb(162,221,159)
```
#b4e4b2
```
#b4e4b2 rgb(180,228,178)
```
#c6ebc5
```
#c6ebc5 rgb(198,235,197)
```
#d9f1d8
```
#d9f1d8 rgb(217,241,216)
```
#ebf8eb
```
#ebf8eb rgb(235,248,235)
```

Monochromatic Color

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

#c1e4b2
```
#c1e4b2 rgb(193,228,178)
```
#bce4b2
```
#bce4b2 rgb(188,228,178)
```
#b8e4b2
```
#b8e4b2 rgb(184,228,178)
```
#b4e4b2
```
#b4e4b2 rgb(180,228,178)
```
#b2e4b4
```
#b2e4b4 rgb(178,228,180)
```
#b2e4b8
```
#b2e4b8 rgb(178,228,184)
```
#b2e4bd
```
#b2e4bd rgb(178,228,189)
```

Similar Colors

Text with hexadecimal color #b4e4b2

This text has a font color of #b4e4b2.

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

#b4e4b2 background color

This paragraph has a background color of #b4e4b2.

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

#b4e4b2 border color

This element has a border color of #b4e4b2.

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

CSS codes

.text {color:#b4e4b2;}

.background {background-color:#b4e4b2;}

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

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

#040a04
```
#040a04 rgb(4,10,4)
```
#091909
```
#091909 rgb(9,25,9)
```
#0f270e
```
#0f270e rgb(15,39,14)
```
#143613
```
#143613 rgb(20,54,19)
```
#1a4418
```
#1a4418 rgb(26,68,24)
```
#1f531d
```
#1f531d rgb(31,83,29)
```
#256122
```
#256122 rgb(37,97,34)
```
#2a7027
```
#2a7027 rgb(42,112,39)
```
#307e2c
```
#307e2c rgb(48,126,44)
```
#358d31
```
#358d31 rgb(53,141,49)
```
#3b9b36
```
#3b9b36 rgb(59,155,54)
```
#40aa3c
```
#40aa3c rgb(64,170,60)
```
#45b841
```
#45b841 rgb(69,184,65)
```

Shade Color Variation

#51c04c
```
#51c04c rgb(81,192,76)
```
#5fc55b
```
#5fc55b rgb(95,197,91)
```
#6dcb69
```
#6dcb69 rgb(109,203,105)
```
#7bd078
```
#7bd078 rgb(123,208,120)
```
#8ad586
```
#8ad586 rgb(138,213,134)
```
#98da95
```
#98da95 rgb(152,218,149)
```
#a6dfa3
```
#a6dfa3 rgb(166,223,163)
```
#b4e4b2
```
#b4e4b2 rgb(180,228,178)
```
#c2e9c1
```
#c2e9c1 rgb(194,233,193)
```
#d0eecf
```
#d0eecf rgb(208,238,207)
```
#def3de
```
#def3de rgb(222,243,222)
```
#edf8ec
```
#edf8ec rgb(237,248,236)
```
#fbfdfb
```
#fbfdfb rgb(251,253,251)
```

Tint Color Variation

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

#caccca
```
#caccca rgb(202,204,202)
```
#c6d0c6
```
#c6d0c6 rgb(198,208,198)
```
#c3d4c2
```
#c3d4c2 rgb(195,212,194)
```
#bfd8be
```
#bfd8be rgb(191,216,190)
```
#bbdcba
```
#bbdcba rgb(187,220,186)
```
#b8e0b6
```
#b8e0b6 rgb(184,224,182)
```
#b4e4b2
```
#b4e4b2 rgb(180,228,178)
```
#b0e8ae
```
#b0e8ae rgb(176,232,174)
```
#adecaa
```
#adecaa rgb(173,236,170)
```
#a9f0a6
```
#a9f0a6 rgb(169,240,166)
```
#a5f4a2
```
#a5f4a2 rgb(165,244,162)
```
#a2f89e
```
#a2f89e rgb(162,248,158)
```
#9efc9a
```
#9efc9a rgb(158,252,154)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#cad4ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6d9b0 Protanopia 1% of men
#f8d2bc Deuteranopia 1% of men
#c3dded Tritanopia 0.001% of the population

Trichromacy

#d4ddb1 Protanomaly 1% of men, 0.01% of women
#dfd8b8 Deuteranomaly 6% of men, 0.4% of women
#bddfd7 Tritanomaly 0.01% of the population

#b4e4b2 hex color

#b4e4b2 Color Information

#b4e4b2 Color Conversion

Color Schemes with #b4e4b2

Alternatives to #b4e4b2

#b4e4b2 Preview

Shades and Tints of #b4e4b2

Tones of #b4e4b2

Color Blindness Simulator