#b4e158 hex color

In a RGB color space, hex #b4e158 is composed of 70.6% red, 88.2% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 60.9% yellow and 11.8% black. It has a hue angle of 79.7 degrees, a saturation of 69.5% and a lightness of 61.4%. #b4e158 color hex could be obtained by blending #ffffb0 with #69c300. Closest websafe color is: #cccc66.

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

● #b4e158 color description : Soft green.

The hexadecimal color #b4e158 has RGB values of R:180, G:225, B:88 and CMYK values of C:0.2, M:0, Y:0.61, K:0.12. Its decimal value is 11854168.

Hex triplet	b4e158	`#b4e158`
RGB Decimal	180, 225, 88	`rgb(180,225,88)`
RGB Percent	70.6, 88.2, 34.5	`rgb(70.6%,88.2%,34.5%)`
CMYK	20, 0, 61, 12
HSL	79.7°, 69.5, 61.4	`hsl(79.7,69.5%,61.4%)`
HSV (or HSB)	79.7°, 60.9, 88.2
Web Safe	cccc66	`#cccc66`

CIE-LAB	84.1, -34.656, 60.565
XYZ	47.508, 64.258, 19.132
xyY	0.363, 0.491, 64.258
CIE-LCH	84.1, 69.78, 119.779
CIE-LUV	84.1, -21.903, 79.56
Hunter-Lab	80.161, -34.491, 41.962
Binary	10110100, 11100001, 01011000

#b4e158
```
#b4e158 rgb(180,225,88)
```
#8558e1
```
#8558e1 rgb(133,88,225)
```

Complementary Color

#e1ca58
```
#e1ca58 rgb(225,202,88)
```
#b4e158
```
#b4e158 rgb(180,225,88)
```
#70e158
```
#70e158 rgb(112,225,88)
```

Analogous Color

#ca58e1
```
#ca58e1 rgb(202,88,225)
```
#b4e158
```
#b4e158 rgb(180,225,88)
```
#5870e1
```
#5870e1 rgb(88,112,225)
```

Split Complementary Color

#e158b4
```
#e158b4 rgb(225,88,180)
```
#b4e158
```
#b4e158 rgb(180,225,88)
```
#58b4e1
```
#58b4e1 rgb(88,180,225)
```

Triadic Color

#e18558
```
#e18558 rgb(225,133,88)
```
#b4e158
```
#b4e158 rgb(180,225,88)
```
#58b4e1
```
#58b4e1 rgb(88,180,225)
```
#8558e1
```
#8558e1 rgb(133,88,225)
```

Tetradic Color

#92c824
```
#92c824 rgb(146,200,36)
```
#a1d92d
```
#a1d92d rgb(161,217,45)
```
#aadd42
```
#aadd42 rgb(170,221,66)
```
#b4e158
```
#b4e158 rgb(180,225,88)
```
#bee56e
```
#bee56e rgb(190,229,110)
```
#c7e983
```
#c7e983 rgb(199,233,131)
```
#d1ed99
```
#d1ed99 rgb(209,237,153)
```

Monochromatic Color

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

#d6e158
```
#d6e158 rgb(214,225,88)
```
#cbe158
```
#cbe158 rgb(203,225,88)
```
#bfe158
```
#bfe158 rgb(191,225,88)
```
#b4e158
```
#b4e158 rgb(180,225,88)
```
#a9e158
```
#a9e158 rgb(169,225,88)
```
#9de158
```
#9de158 rgb(157,225,88)
```
#92e158
```
#92e158 rgb(146,225,88)
```

Similar Colors

Text with hexadecimal color #b4e158

This text has a font color of #b4e158.

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

#b4e158 background color

This paragraph has a background color of #b4e158.

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

#b4e158 border color

This element has a border color of #b4e158.

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

CSS codes

.text {color:#b4e158;}

.background {background-color:#b4e158;}

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

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, #0c1003 is the darkest color, while #fffffe is the lightest one.

#0c1003
```
#0c1003 rgb(12,16,3)
```
#182106
```
#182106 rgb(24,33,6)
```
#243109
```
#243109 rgb(36,49,9)
```
#30420c
```
#30420c rgb(48,66,12)
```
#3c520f
```
#3c520f rgb(60,82,15)
```
#486312
```
#486312 rgb(72,99,18)
```
#557415
```
#557415 rgb(85,116,21)
```
#618418
```
#618418 rgb(97,132,24)
```
#6d951b
```
#6d951b rgb(109,149,27)
```
#79a61e
```
#79a61e rgb(121,166,30)
```
#85b621
```
#85b621 rgb(133,182,33)
```
#91c724
```
#91c724 rgb(145,199,36)
```
#9dd727
```
#9dd727 rgb(157,215,39)
```

Shade Color Variation

#a5db37
```
#a5db37 rgb(165,219,55)
```
#adde47
```
#adde47 rgb(173,222,71)
```
#b4e158
```
#b4e158 rgb(180,225,88)
```
#bbe469
```
#bbe469 rgb(187,228,105)
```
#c3e779
```
#c3e779 rgb(195,231,121)
```
#caea8a
```
#caea8a rgb(202,234,138)
```
#d2ed9b
```
#d2ed9b rgb(210,237,155)
```
#d9f0ab
```
#d9f0ab rgb(217,240,171)
```
#e1f3bc
```
#e1f3bc rgb(225,243,188)
```
#e8f6cc
```
#e8f6cc rgb(232,246,204)
```
#f0f9dd
```
#f0f9dd rgb(240,249,221)
```
#f7fcee
```
#f7fcee rgb(247,252,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#9d9d9c
```
#9d9d9c rgb(157,157,156)
```
#9fa495
```
#9fa495 rgb(159,164,149)
```
#a2ac8d
```
#a2ac8d rgb(162,172,141)
```
#a4b485
```
#a4b485 rgb(164,180,133)
```
#a7bb7e
```
#a7bb7e rgb(167,187,126)
```
#aac376
```
#aac376 rgb(170,195,118)
```
#acca6f
```
#acca6f rgb(172,202,111)
```
#afd267
```
#afd267 rgb(175,210,103)
```
#b1d960
```
#b1d960 rgb(177,217,96)
```
#b4e158
```
#b4e158 rgb(180,225,88)
```
#b7e950
```
#b7e950 rgb(183,233,80)
```
#b9f049
```
#b9f049 rgb(185,240,73)
```
#bcf841
```
#bcf841 rgb(188,248,65)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c1caae Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd45c Protanopia 1% of men
#ffcb7c Deuteranopia 1% of men
#cad5e4 Tritanopia 0.001% of the population

Trichromacy

#d7d85a Protanomaly 1% of men, 0.01% of women
#e3d36f Deuteranomaly 6% of men, 0.4% of women
#c2d9b1 Tritanomaly 0.01% of the population

#b4e158 hex color

#b4e158 Color Information

#b4e158 Color Conversion

Color Schemes with #b4e158

Alternatives to #b4e158

#b4e158 Preview

Shades and Tints of #b4e158

Tones of #b4e158

Color Blindness Simulator