#b4e145 hex color

In a RGB color space, hex #b4e145 is composed of 70.6% red, 88.2% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 69.3% yellow and 11.8% black. It has a hue angle of 77.3 degrees, a saturation of 72.2% and a lightness of 57.6%. #b4e145 color hex could be obtained by blending #ffff8a with #69c300. Closest websafe color is: #cccc33.

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

● #b4e145 color description : Soft green.

The hexadecimal color #b4e145 has RGB values of R:180, G:225, B:69 and CMYK values of C:0.2, M:0, Y:0.69, K:0.12. Its decimal value is 11854149.

Hex triplet	b4e145	`#b4e145`
RGB Decimal	180, 225, 69	`rgb(180,225,69)`
RGB Percent	70.6, 88.2, 27.1	`rgb(70.6%,88.2%,27.1%)`
CMYK	20, 0, 69, 12
HSL	77.3°, 72.2, 57.6	`hsl(77.3,72.2%,57.6%)`
HSV (or HSB)	77.3°, 69.3, 88.2
Web Safe	cccc33	`#cccc33`

CIE-LAB	83.957, -35.963, 67.881
XYZ	46.821, 63.983, 15.513
xyY	0.371, 0.507, 63.983
CIE-LCH	83.957, 76.819, 117.914
CIE-LUV	83.957, -21.828, 85.647
Hunter-Lab	79.989, -35.497, 44.494
Binary	10110100, 11100001, 01000101

#b4e145
```
#b4e145 rgb(180,225,69)
```
#7245e1
```
#7245e1 rgb(114,69,225)
```

Complementary Color

#e1c045
```
#e1c045 rgb(225,192,69)
```
#b4e145
```
#b4e145 rgb(180,225,69)
```
#66e145
```
#66e145 rgb(102,225,69)
```

Analogous Color

#c045e1
```
#c045e1 rgb(192,69,225)
```
#b4e145
```
#b4e145 rgb(180,225,69)
```
#4566e1
```
#4566e1 rgb(69,102,225)
```

Split Complementary Color

#e145b4
```
#e145b4 rgb(225,69,180)
```
#b4e145
```
#b4e145 rgb(180,225,69)
```
#45b4e1
```
#45b4e1 rgb(69,180,225)
```

Triadic Color

#e17245
```
#e17245 rgb(225,114,69)
```
#b4e145
```
#b4e145 rgb(180,225,69)
```
#45b4e1
```
#45b4e1 rgb(69,180,225)
```
#7245e1
```
#7245e1 rgb(114,69,225)
```

Tetradic Color

#8ebb1e
```
#8ebb1e rgb(142,187,30)
```
#9fd122
```
#9fd122 rgb(159,209,34)
```
#abdd2f
```
#abdd2f rgb(171,221,47)
```
#b4e145
```
#b4e145 rgb(180,225,69)
```
#bde55b
```
#bde55b rgb(189,229,91)
```
#c6e871
```
#c6e871 rgb(198,232,113)
```
#cfec87
```
#cfec87 rgb(207,236,135)
```

Monochromatic Color

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

#dbe145
```
#dbe145 rgb(219,225,69)
```
#cee145
```
#cee145 rgb(206,225,69)
```
#c1e145
```
#c1e145 rgb(193,225,69)
```
#b4e145
```
#b4e145 rgb(180,225,69)
```
#a7e145
```
#a7e145 rgb(167,225,69)
```
#9ae145
```
#9ae145 rgb(154,225,69)
```
#8de145
```
#8de145 rgb(141,225,69)
```

Similar Colors

Text with hexadecimal color #b4e145

This text has a font color of #b4e145.

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

#b4e145 background color

This paragraph has a background color of #b4e145.

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

#b4e145 border color

This element has a border color of #b4e145.

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

CSS codes

.text {color:#b4e145;}

.background {background-color:#b4e145;}

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

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

#0d1103
```
#0d1103 rgb(13,17,3)
```
#192205
```
#192205 rgb(25,34,5)
```
#263208
```
#263208 rgb(38,50,8)
```
#33430b
```
#33430b rgb(51,67,11)
```
#40540e
```
#40540e rgb(64,84,14)
```
#4d6510
```
#4d6510 rgb(77,101,16)
```
#597613
```
#597613 rgb(89,118,19)
```
#668716
```
#668716 rgb(102,135,22)
```
#739818
```
#739818 rgb(115,152,24)
```
#80a91b
```
#80a91b rgb(128,169,27)
```
#8dba1e
```
#8dba1e rgb(141,186,30)
```
#9aca21
```
#9aca21 rgb(154,202,33)
```
#a6db23
```
#a6db23 rgb(166,219,35)
```

Shade Color Variation

#adde34
```
#adde34 rgb(173,222,52)
```
#b4e145
```
#b4e145 rgb(180,225,69)
```
#bbe456
```
#bbe456 rgb(187,228,86)
```
#c2e667
```
#c2e667 rgb(194,230,103)
```
#c8e978
```
#c8e978 rgb(200,233,120)
```
#cfec89
```
#cfec89 rgb(207,236,137)
```
#d6ef99
```
#d6ef99 rgb(214,239,153)
```
#ddf1aa
```
#ddf1aa rgb(221,241,170)
```
#e4f4bb
```
#e4f4bb rgb(228,244,187)
```
#eaf7cc
```
#eaf7cc rgb(234,247,204)
```
#f1fadd
```
#f1fadd rgb(241,250,221)
```
#f8fcee
```
#f8fcee rgb(248,252,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#949690
```
#949690 rgb(148,150,144)
```
#989f87
```
#989f87 rgb(152,159,135)
```
#9ba77f
```
#9ba77f rgb(155,167,127)
```
#9faf77
```
#9faf77 rgb(159,175,119)
```
#a2b76f
```
#a2b76f rgb(162,183,111)
```
#a6c066
```
#a6c066 rgb(166,192,102)
```
#a9c85e
```
#a9c85e rgb(169,200,94)
```
#add056
```
#add056 rgb(173,208,86)
```
#b0d94d
```
#b0d94d rgb(176,217,77)
```
#b4e145
```
#b4e145 rgb(180,225,69)
```
#b8e93d
```
#b8e93d rgb(184,233,61)
```
#bbf234
```
#bbf234 rgb(187,242,52)
```
#bffa2c
```
#bffa2c rgb(191,250,44)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#bfc8a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd44a Protanopia 1% of men
#ffcb76 Deuteranopia 1% of men
#cbd4e3 Tritanopia 0.001% of the population

Trichromacy

#d7d848 Protanomaly 1% of men, 0.01% of women
#e3d364 Deuteranomaly 6% of men, 0.4% of women
#c2d9a9 Tritanomaly 0.01% of the population

#b4e145 hex color

#b4e145 Color Information

#b4e145 Color Conversion

Color Schemes with #b4e145

Alternatives to #b4e145

#b4e145 Preview

Shades and Tints of #b4e145

Tones of #b4e145

Color Blindness Simulator