#b4e380 hex color

In a RGB color space, hex #b4e380 is composed of 70.6% red, 89% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 20.7% cyan, 0% magenta, 43.6% yellow and 11% black. It has a hue angle of 88.5 degrees, a saturation of 63.9% and a lightness of 69.6%. #b4e380 color hex could be obtained by blending #ffffff with #69c701. Closest websafe color is: #cccc99.

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

● #b4e380 color description : Very soft green.

The hexadecimal color #b4e380 has RGB values of R:180, G:227, B:128 and CMYK values of C:0.21, M:0, Y:0.44, K:0.11. Its decimal value is 11854720.

Hex triplet	b4e380	`#b4e380`
RGB Decimal	180, 227, 128	`rgb(180,227,128)`
RGB Percent	70.6, 89, 50.2	`rgb(70.6%,89%,50.2%)`
CMYK	21, 0, 44, 11
HSL	88.5°, 63.9, 69.6	`hsl(88.5,63.9%,69.6%)`
HSV (or HSB)	88.5°, 43.6, 89
Web Safe	cccc99	`#cccc99`

CIE-LAB	85.098, -31.638, 43.368
XYZ	50.186, 66.199, 30.555
xyY	0.342, 0.451, 66.199
CIE-LCH	85.098, 53.682, 126.112
CIE-LUV	85.098, -23.171, 62.688
Hunter-Lab	81.363, -32.282, 34.689
Binary	10110100, 11100011, 10000000

#b4e380
```
#b4e380 rgb(180,227,128)
```
#af80e3
```
#af80e3 rgb(175,128,227)
```

Complementary Color

#e3e180
```
#e3e180 rgb(227,225,128)
```
#b4e380
```
#b4e380 rgb(180,227,128)
```
#83e380
```
#83e380 rgb(131,227,128)
```

Analogous Color

#e180e3
```
#e180e3 rgb(225,128,227)
```
#b4e380
```
#b4e380 rgb(180,227,128)
```
#8083e3
```
#8083e3 rgb(128,131,227)
```

Split Complementary Color

#e380b4
```
#e380b4 rgb(227,128,180)
```
#b4e380
```
#b4e380 rgb(180,227,128)
```
#80b4e3
```
#80b4e3 rgb(128,180,227)
```

Triadic Color

#e3af80
```
#e3af80 rgb(227,175,128)
```
#b4e380
```
#b4e380 rgb(180,227,128)
```
#80b4e3
```
#80b4e3 rgb(128,180,227)
```
#af80e3
```
#af80e3 rgb(175,128,227)
```

Tetradic Color

#8fd541
```
#8fd541 rgb(143,213,65)
```
#9bda56
```
#9bda56 rgb(155,218,86)
```
#a8de6b
```
#a8de6b rgb(168,222,107)
```
#b4e380
```
#b4e380 rgb(180,227,128)
```
#c0e895
```
#c0e895 rgb(192,232,149)
```
#cdecaa
```
#cdecaa rgb(205,236,170)
```
#d9f1bf
```
#d9f1bf rgb(217,241,191)
```

Monochromatic Color

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

#cde380
```
#cde380 rgb(205,227,128)
```
#c5e380
```
#c5e380 rgb(197,227,128)
```
#bce380
```
#bce380 rgb(188,227,128)
```
#b4e380
```
#b4e380 rgb(180,227,128)
```
#ace380
```
#ace380 rgb(172,227,128)
```
#a4e380
```
#a4e380 rgb(164,227,128)
```
#9be380
```
#9be380 rgb(155,227,128)
```

Similar Colors

Text with hexadecimal color #b4e380

This text has a font color of #b4e380.

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

#b4e380 background color

This paragraph has a background color of #b4e380.

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

#b4e380 border color

This element has a border color of #b4e380.

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

CSS codes

.text {color:#b4e380;}

.background {background-color:#b4e380;}

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

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

#010200
```
#010200 rgb(1,2,0)
```
#0b1204
```
#0b1204 rgb(11,18,4)
```
#152207
```
#152207 rgb(21,34,7)
```
#1f320b
```
#1f320b rgb(31,50,11)
```
#29420f
```
#29420f rgb(41,66,15)
```
#345212
```
#345212 rgb(52,82,18)
```
#3e6216
```
#3e6216 rgb(62,98,22)
```
#487219
```
#487219 rgb(72,114,25)
```
#52821d
```
#52821d rgb(82,130,29)
```
#5c9220
```
#5c9220 rgb(92,146,32)
```
#66a224
```
#66a224 rgb(102,162,36)
```
#70b227
```
#70b227 rgb(112,178,39)
```
#7ac22b
```
#7ac22b rgb(122,194,43)
```

Shade Color Variation

#85d130
```
#85d130 rgb(133,209,48)
```
#8ed540
```
#8ed540 rgb(142,213,64)
```
#98d850
```
#98d850 rgb(152,216,80)
```
#a1dc60
```
#a1dc60 rgb(161,220,96)
```
#abdf70
```
#abdf70 rgb(171,223,112)
```
#b4e380
```
#b4e380 rgb(180,227,128)
```
#bde790
```
#bde790 rgb(189,231,144)
```
#c7eaa0
```
#c7eaa0 rgb(199,234,160)
```
#d0eeb0
```
#d0eeb0 rgb(208,238,176)
```
#daf1c0
```
#daf1c0 rgb(218,241,192)
```
#e3f5d0
```
#e3f5d0 rgb(227,245,208)
```
#edf8e0
```
#edf8e0 rgb(237,248,224)
```
#f6fcf1
```
#f6fcf1 rgb(246,252,241)
```

Tint Color Variation

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

#b2b3b0
```
#b2b3b0 rgb(178,179,176)
```
#b2b9aa
```
#b2b9aa rgb(178,185,170)
```
#b2bfa4
```
#b2bfa4 rgb(178,191,164)
```
#b2c59e
```
#b2c59e rgb(178,197,158)
```
#b3cb98
```
#b3cb98 rgb(179,203,152)
```
#b3d192
```
#b3d192 rgb(179,209,146)
```
#b3d78c
```
#b3d78c rgb(179,215,140)
```
#b4dd86
```
#b4dd86 rgb(180,221,134)
```
#b4e380
```
#b4e380 rgb(180,227,128)
```
#b4e97a
```
#b4e97a rgb(180,233,122)
```
#b5ef74
```
#b5ef74 rgb(181,239,116)
```
#b5f56e
```
#b5f56e rgb(181,245,110)
```
#b5fb68
```
#b5fb68 rgb(181,251,104)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#c6cfbb Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead681 Protanopia 1% of men
#ffce92 Deuteranopia 1% of men
#c8d8e8 Tritanopia 0.001% of the population

Trichromacy

#d6db81 Protanomaly 1% of men, 0.01% of women
#e3d58b Deuteranomaly 6% of men, 0.4% of women
#c0dcc2 Tritanomaly 0.01% of the population

#b4e380 hex color

#b4e380 Color Information

#b4e380 Color Conversion

Color Schemes with #b4e380

Alternatives to #b4e380

#b4e380 Preview

Shades and Tints of #b4e380

Tones of #b4e380

Color Blindness Simulator