#b4ef96 hex color

In a RGB color space, hex #b4ef96 is composed of 70.6% red, 93.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 24.7% cyan, 0% magenta, 37.2% yellow and 6.3% black. It has a hue angle of 99.8 degrees, a saturation of 73.6% and a lightness of 76.3%. #b4ef96 color hex could be obtained by blending #ffffff with #69df2d. Closest websafe color is: #ccff99.

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

● #b4ef96 color description : Very soft green.

The hexadecimal color #b4ef96 has RGB values of R:180, G:239, B:150 and CMYK values of C:0.25, M:0, Y:0.37, K:0.06. Its decimal value is 11857814.

Hex triplet	b4ef96	`#b4ef96`
RGB Decimal	180, 239, 150	`rgb(180,239,150)`
RGB Percent	70.6, 93.7, 58.8	`rgb(70.6%,93.7%,58.8%)`
CMYK	25, 0, 37, 6
HSL	99.8°, 73.6, 76.3	`hsl(99.8,73.6%,76.3%)`
HSV (or HSB)	99.8°, 37.2, 93.7
Web Safe	ccff99	`#ccff99`

CIE-LAB	88.751, -34.37, 37.176
XYZ	55.192, 73.637, 40.158
xyY	0.327, 0.436, 73.637
CIE-LCH	88.751, 50.63, 132.754
CIE-LUV	88.751, -29.298, 56.92
Hunter-Lab	85.812, -35.364, 32.322
Binary	10110100, 11101111, 10010110

#b4ef96
```
#b4ef96 rgb(180,239,150)
```
#d196ef
```
#d196ef rgb(209,150,239)
```

Complementary Color

#e1ef96
```
#e1ef96 rgb(225,239,150)
```
#b4ef96
```
#b4ef96 rgb(180,239,150)
```
#96efa5
```
#96efa5 rgb(150,239,165)
```

Analogous Color

#ef96e1
```
#ef96e1 rgb(239,150,225)
```
#b4ef96
```
#b4ef96 rgb(180,239,150)
```
#a596ef
```
#a596ef rgb(165,150,239)
```

Split Complementary Color

#ef96b4
```
#ef96b4 rgb(239,150,180)
```
#b4ef96
```
#b4ef96 rgb(180,239,150)
```
#96b4ef
```
#96b4ef rgb(150,180,239)
```

Triadic Color

#efd196
```
#efd196 rgb(239,209,150)
```
#b4ef96
```
#b4ef96 rgb(180,239,150)
```
#96b4ef
```
#96b4ef rgb(150,180,239)
```
#d196ef
```
#d196ef rgb(209,150,239)
```

Tetradic Color

#85e554
```
#85e554 rgb(133,229,84)
```
#94e86a
```
#94e86a rgb(148,232,106)
```
#a4ec80
```
#a4ec80 rgb(164,236,128)
```
#b4ef96
```
#b4ef96 rgb(180,239,150)
```
#c4f2ac
```
#c4f2ac rgb(196,242,172)
```
#d4f6c2
```
#d4f6c2 rgb(212,246,194)
```
#e3f9d8
```
#e3f9d8 rgb(227,249,216)
```

Monochromatic Color

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

#caef96
```
#caef96 rgb(202,239,150)
```
#c3ef96
```
#c3ef96 rgb(195,239,150)
```
#bbef96
```
#bbef96 rgb(187,239,150)
```
#b4ef96
```
#b4ef96 rgb(180,239,150)
```
#adef96
```
#adef96 rgb(173,239,150)
```
#a5ef96
```
#a5ef96 rgb(165,239,150)
```
#9eef96
```
#9eef96 rgb(158,239,150)
```

Similar Colors

Text with hexadecimal color #b4ef96

This text has a font color of #b4ef96.

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

#b4ef96 background color

This paragraph has a background color of #b4ef96.

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

#b4ef96 border color

This element has a border color of #b4ef96.

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

CSS codes

.text {color:#b4ef96;}

.background {background-color:#b4ef96;}

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

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, #060e02 is the darkest color, while #fdfffc is the lightest one.

#060e02
```
#060e02 rgb(6,14,2)
```
#0e1f05
```
#0e1f05 rgb(14,31,5)
```
#153007
```
#153007 rgb(21,48,7)
```
#1d410a
```
#1d410a rgb(29,65,10)
```
#24520d
```
#24520d rgb(36,82,13)
```
#2b630f
```
#2b630f rgb(43,99,15)
```
#337412
```
#337412 rgb(51,116,18)
```
#3a8514
```
#3a8514 rgb(58,133,20)
```
#429617
```
#429617 rgb(66,150,23)
```
#49a71a
```
#49a71a rgb(73,167,26)
```
#51b81c
```
#51b81c rgb(81,184,28)
```
#58c91f
```
#58c91f rgb(88,201,31)
```
#60da21
```
#60da21 rgb(96,218,33)
```

Shade Color Variation

#6bdf30
```
#6bdf30 rgb(107,223,48)
```
#77e241
```
#77e241 rgb(119,226,65)
```
#83e552
```
#83e552 rgb(131,229,82)
```
#90e763
```
#90e763 rgb(144,231,99)
```
#9cea74
```
#9cea74 rgb(156,234,116)
```
#a8ec85
```
#a8ec85 rgb(168,236,133)
```
#b4ef96
```
#b4ef96 rgb(180,239,150)
```
#c0f2a7
```
#c0f2a7 rgb(192,242,167)
```
#ccf4b8
```
#ccf4b8 rgb(204,244,184)
```
#d8f7c9
```
#d8f7c9 rgb(216,247,201)
```
#e5f9da
```
#e5f9da rgb(229,249,218)
```
#f1fceb
```
#f1fceb rgb(241,252,235)
```
#fdfffc
```
#fdfffc rgb(253,255,252)
```

Tint Color Variation

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

#c2c5c0
```
#c2c5c0 rgb(194,197,192)
```
#c0cabb
```
#c0cabb rgb(192,202,187)
```
#bfceb7
```
#bfceb7 rgb(191,206,183)
```
#bdd3b2
```
#bdd3b2 rgb(189,211,178)
```
#bcd8ad
```
#bcd8ad rgb(188,216,173)
```
#badca9
```
#badca9 rgb(186,220,169)
```
#b9e1a4
```
#b9e1a4 rgb(185,225,164)
```
#b7e69f
```
#b7e69f rgb(183,230,159)
```
#b6ea9b
```
#b6ea9b rgb(182,234,155)
```
#b4ef96
```
#b4ef96 rgb(180,239,150)
```
#b2f491
```
#b2f491 rgb(178,244,145)
```
#b1f88d
```
#b1f88d rgb(177,248,141)
```
#affd88
```
#affd88 rgb(175,253,136)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#cdd9c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3e095 Protanopia 1% of men
#ffdab6 Deuteranopia 1% of men
#c8e4f5 Tritanopia 0.001% of the population

Trichromacy

#dce595 Protanomaly 1% of men, 0.01% of women
#e3e1aa Deuteranomaly 6% of men, 0.4% of women
#c1e8d2 Tritanomaly 0.01% of the population

#b4ef96 hex color

#b4ef96 Color Information

#b4ef96 Color Conversion

Color Schemes with #b4ef96

Alternatives to #b4ef96

#b4ef96 Preview

Shades and Tints of #b4ef96

Tones of #b4ef96

Color Blindness Simulator