#b4e0b2 hex color

In a RGB color space, hex #b4e0b2 is composed of 70.6% red, 87.8% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 19.6% cyan, 0% magenta, 20.5% yellow and 12.2% black. It has a hue angle of 117.4 degrees, a saturation of 42.6% and a lightness of 78.8%. #b4e0b2 color hex could be obtained by blending #ffffff with #69c165. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 71
- G 88
- B 70
RGB color chart
- C 20
- M 0
- Y 21
- K 12
CMYK color chart

● #b4e0b2 color description : Very soft lime green.

The hexadecimal color #b4e0b2 has RGB values of R:180, G:224, B:178 and CMYK values of C:0.2, M:0, Y:0.21, K:0.12. Its decimal value is 11854002.

Hex triplet	b4e0b2	`#b4e0b2`
RGB Decimal	180, 224, 178	`rgb(180,224,178)`
RGB Percent	70.6, 87.8, 69.8	`rgb(70.6%,87.8%,69.8%)`
CMYK	20, 0, 21, 12
HSL	117.4°, 42.6, 78.8	`hsl(117.4,42.6%,78.8%)`
HSV (or HSB)	117.4°, 20.5, 87.8
Web Safe	cccc99	`#cccc99`

CIE-LAB	85.112, -22.965, 17.92
XYZ	53.512, 66.228, 52.081
xyY	0.311, 0.385, 66.228
CIE-LCH	85.112, 29.13, 142.035
CIE-LUV	85.112, -22.06, 29.944
Hunter-Lab	81.38, -25.043, 19.023
Binary	10110100, 11100000, 10110010

#b4e0b2
```
#b4e0b2 rgb(180,224,178)
```
#deb2e0
```
#deb2e0 rgb(222,178,224)
```

Complementary Color

#cbe0b2
```
#cbe0b2 rgb(203,224,178)
```
#b4e0b2
```
#b4e0b2 rgb(180,224,178)
```
#b2e0c7
```
#b2e0c7 rgb(178,224,199)
```

Analogous Color

#e0b2cb
```
#e0b2cb rgb(224,178,203)
```
#b4e0b2
```
#b4e0b2 rgb(180,224,178)
```
#c7b2e0
```
#c7b2e0 rgb(199,178,224)
```

Split Complementary Color

#e0b2b4
```
#e0b2b4 rgb(224,178,180)
```
#b4e0b2
```
#b4e0b2 rgb(180,224,178)
```
#b2b4e0
```
#b2b4e0 rgb(178,180,224)
```

Triadic Color

#e0deb2
```
#e0deb2 rgb(224,222,178)
```
#b4e0b2
```
#b4e0b2 rgb(180,224,178)
```
#b2b4e0
```
#b2b4e0 rgb(178,180,224)
```
#deb2e0
```
#deb2e0 rgb(222,178,224)
```

Tetradic Color

#7fca7b
```
#7fca7b rgb(127,202,123)
```
#91d18e
```
#91d18e rgb(145,209,142)
```
#a2d9a0
```
#a2d9a0 rgb(162,217,160)
```
#b4e0b2
```
#b4e0b2 rgb(180,224,178)
```
#c6e7c4
```
#c6e7c4 rgb(198,231,196)
```
#d7efd6
```
#d7efd6 rgb(215,239,214)
```
#e9f6e9
```
#e9f6e9 rgb(233,246,233)
```

Monochromatic Color

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

#c0e0b2
```
#c0e0b2 rgb(192,224,178)
```
#bce0b2
```
#bce0b2 rgb(188,224,178)
```
#b8e0b2
```
#b8e0b2 rgb(184,224,178)
```
#b4e0b2
```
#b4e0b2 rgb(180,224,178)
```
#b2e0b4
```
#b2e0b4 rgb(178,224,180)
```
#b2e0b8
```
#b2e0b8 rgb(178,224,184)
```
#b2e0bc
```
#b2e0bc rgb(178,224,188)
```

Similar Colors

Text with hexadecimal color #b4e0b2

This text has a font color of #b4e0b2.

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

#b4e0b2 background color

This paragraph has a background color of #b4e0b2.

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

#b4e0b2 border color

This element has a border color of #b4e0b2.

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

CSS codes

.text {color:#b4e0b2;}

.background {background-color:#b4e0b2;}

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

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

#030703
```
#030703 rgb(3,7,3)
```
#091508
```
#091508 rgb(9,21,8)
```
#0f230e
```
#0f230e rgb(15,35,14)
```
#153114
```
#153114 rgb(21,49,20)
```
#1b3f19
```
#1b3f19 rgb(27,63,25)
```
#214d1f
```
#214d1f rgb(33,77,31)
```
#275b25
```
#275b25 rgb(39,91,37)
```
#2d692a
```
#2d692a rgb(45,105,42)
```
#337730
```
#337730 rgb(51,119,48)
```
#398535
```
#398535 rgb(57,133,53)
```
#3f933b
```
#3f933b rgb(63,147,59)
```
#45a141
```
#45a141 rgb(69,161,65)
```
#4baf46
```
#4baf46 rgb(75,175,70)
```

Shade Color Variation

#55b950
```
#55b950 rgb(85,185,80)
```
#62be5e
```
#62be5e rgb(98,190,94)
```
#70c46c
```
#70c46c rgb(112,196,108)
```
#7ec97a
```
#7ec97a rgb(126,201,122)
```
#8bcf88
```
#8bcf88 rgb(139,207,136)
```
#99d596
```
#99d596 rgb(153,213,150)
```
#a6daa4
```
#a6daa4 rgb(166,218,164)
```
#b4e0b2
```
#b4e0b2 rgb(180,224,178)
```
#c2e6c0
```
#c2e6c0 rgb(194,230,192)
```
#cfebce
```
#cfebce rgb(207,235,206)
```
#ddf1dc
```
#ddf1dc rgb(221,241,220)
```
#eaf7ea
```
#eaf7ea rgb(234,247,234)
```
#f8fcf8
```
#f8fcf8 rgb(248,252,248)
```

Tint Color Variation

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

#c7cbc7
```
#c7cbc7 rgb(199,203,199)
```
#c3cfc3
```
#c3cfc3 rgb(195,207,195)
```
#bfd4be
```
#bfd4be rgb(191,212,190)
```
#bcd8ba
```
#bcd8ba rgb(188,216,186)
```
#b8dcb6
```
#b8dcb6 rgb(184,220,182)
```
#b4e0b2
```
#b4e0b2 rgb(180,224,178)
```
#b0e4ae
```
#b0e4ae rgb(176,228,174)
```
#ace8aa
```
#ace8aa rgb(172,232,170)
```
#a9eca6
```
#a9eca6 rgb(169,236,166)
```
#a5f1a1
```
#a5f1a1 rgb(165,241,161)
```
#a1f59d
```
#a1f59d rgb(161,245,157)
```
#9df999
```
#9df999 rgb(157,249,153)
```
#99fd95
```
#99fd95 rgb(153,253,149)
```

Tone Color Variation

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

Dichromacy

#e3d6b0 Protanopia 1% of men
#f4cfbb Deuteranopia 1% of men
#c2daea Tritanopia 0.001% of the population

Trichromacy

#d1d9b1 Protanomaly 1% of men, 0.01% of women
#ddd5b8 Deuteranomaly 6% of men, 0.4% of women
#bddcd5 Tritanomaly 0.01% of the population

#b4e0b2 hex color

#b4e0b2 Color Information

#b4e0b2 Color Conversion

Color Schemes with #b4e0b2

Alternatives to #b4e0b2

#b4e0b2 Preview

Shades and Tints of #b4e0b2

Tones of #b4e0b2

Color Blindness Simulator