#b4e422 hex color

In a RGB color space, hex #b4e422 is composed of 70.6% red, 89.4% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 21.1% cyan, 0% magenta, 85.1% yellow and 10.6% black. It has a hue angle of 74.8 degrees, a saturation of 78.2% and a lightness of 51.4%. #b4e422 color hex could be obtained by blending #ffff44 with #69c900. Closest websafe color is: #cccc33.

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

● #b4e422 color description : Vivid yellow.

The hexadecimal color #b4e422 has RGB values of R:180, G:228, B:34 and CMYK values of C:0.21, M:0, Y:0.85, K:0.11. Its decimal value is 11854882.

Hex triplet	b4e422	`#b4e422`
RGB Decimal	180, 228, 34	`rgb(180,228,34)`
RGB Percent	70.6, 89.4, 13.3	`rgb(70.6%,89.4%,13.3%)`
CMYK	21, 0, 85, 11
HSL	74.8°, 78.2, 51.4	`hsl(74.8,78.2%,51.4%)`
HSV (or HSB)	74.8°, 85.1, 89.4
Web Safe	cccc33	`#cccc33`

CIE-LAB	84.641, -38.818, 78.57
XYZ	46.854, 65.305, 11.65
xyY	0.378, 0.527, 65.305
CIE-LCH	84.641, 87.636, 116.292
CIE-LUV	84.641, -23.395, 93.99
Hunter-Lab	80.811, -37.927, 48.021
Binary	10110100, 11100100, 00100010

#b4e422
```
#b4e422 rgb(180,228,34)
```
#5222e4
```
#5222e4 rgb(82,34,228)
```

Complementary Color

#e4b322
```
#e4b322 rgb(228,179,34)
```
#b4e422
```
#b4e422 rgb(180,228,34)
```
#53e422
```
#53e422 rgb(83,228,34)
```

Analogous Color

#b322e4
```
#b322e4 rgb(179,34,228)
```
#b4e422
```
#b4e422 rgb(180,228,34)
```
#2253e4
```
#2253e4 rgb(34,83,228)
```

Split Complementary Color

#e422b4
```
#e422b4 rgb(228,34,180)
```
#b4e422
```
#b4e422 rgb(180,228,34)
```
#22b4e4
```
#22b4e4 rgb(34,180,228)
```

Triadic Color

#e45222
```
#e45222 rgb(228,82,34)
```
#b4e422
```
#b4e422 rgb(180,228,34)
```
#22b4e4
```
#22b4e4 rgb(34,180,228)
```
#5222e4
```
#5222e4 rgb(82,34,228)
```

Tetradic Color

#81a514
```
#81a514 rgb(129,165,20)
```
#93bc17
```
#93bc17 rgb(147,188,23)
```
#a5d31a
```
#a5d31a rgb(165,211,26)
```
#b4e422
```
#b4e422 rgb(180,228,34)
```
#bce739
```
#bce739 rgb(188,231,57)
```
#c3ea4f
```
#c3ea4f rgb(195,234,79)
```
#cbec66
```
#cbec66 rgb(203,236,102)
```

Monochromatic Color

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

#e4e422
```
#e4e422 rgb(228,228,34)
```
#d4e422
```
#d4e422 rgb(212,228,34)
```
#c4e422
```
#c4e422 rgb(196,228,34)
```
#b4e422
```
#b4e422 rgb(180,228,34)
```
#a4e422
```
#a4e422 rgb(164,228,34)
```
#94e422
```
#94e422 rgb(148,228,34)
```
#84e422
```
#84e422 rgb(132,228,34)
```

Similar Colors

Text with hexadecimal color #b4e422

This text has a font color of #b4e422.

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

#b4e422 background color

This paragraph has a background color of #b4e422.

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

#b4e422 border color

This element has a border color of #b4e422.

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

CSS codes

.text {color:#b4e422;}

.background {background-color:#b4e422;}

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

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

#050601
```
#050601 rgb(5,6,1)
```
#131803
```
#131803 rgb(19,24,3)
```
#202905
```
#202905 rgb(32,41,5)
```
#2e3b07
```
#2e3b07 rgb(46,59,7)
```
#3c4c09
```
#3c4c09 rgb(60,76,9)
```
#495e0b
```
#495e0b rgb(73,94,11)
```
#576f0e
```
#576f0e rgb(87,111,14)
```
#658110
```
#658110 rgb(101,129,16)
```
#729212
```
#729212 rgb(114,146,18)
```
#80a414
```
#80a414 rgb(128,164,20)
```
#8eb516
```
#8eb516 rgb(142,181,22)
```
#9bc718
```
#9bc718 rgb(155,199,24)
```
#a9d81a
```
#a9d81a rgb(169,216,26)
```

Shade Color Variation

#b4e422
```
#b4e422 rgb(180,228,34)
```
#bae633
```
#bae633 rgb(186,230,51)
```
#c0e845
```
#c0e845 rgb(192,232,69)
```
#c6ea56
```
#c6ea56 rgb(198,234,86)
```
#cced68
```
#cced68 rgb(204,237,104)
```
#d2ef79
```
#d2ef79 rgb(210,239,121)
```
#d8f18b
```
#d8f18b rgb(216,241,139)
```
#def39c
```
#def39c rgb(222,243,156)
```
#e3f5ae
```
#e3f5ae rgb(227,245,174)
```
#e9f7bf
```
#e9f7bf rgb(233,247,191)
```
#eff9d1
```
#eff9d1 rgb(239,249,209)
```
#f5fbe2
```
#f5fbe2 rgb(245,251,226)
```
#fbfef4
```
#fbfef4 rgb(251,254,244)
```

Tint Color Variation

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

#848581
```
#848581 rgb(132,133,129)
```
#898e78
```
#898e78 rgb(137,142,120)
```
#8d986e
```
#8d986e rgb(141,152,110)
```
#92a165
```
#92a165 rgb(146,161,101)
```
#97ab5b
```
#97ab5b rgb(151,171,91)
```
#9cb452
```
#9cb452 rgb(156,180,82)
```
#a1be48
```
#a1be48 rgb(161,190,72)
```
#a6c73f
```
#a6c73f rgb(166,199,63)
```
#aad135
```
#aad135 rgb(170,209,53)
```
#afda2c
```
#afda2c rgb(175,218,44)
```
#b4e422
```
#b4e422 rgb(180,228,34)
```
#b9ee18
```
#b9ee18 rgb(185,238,24)
```
#bef70f
```
#bef70f rgb(190,247,15)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#bec7a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efd528 Protanopia 1% of men
#ffcd7c Deuteranopia 1% of men
#ccd6e5 Tritanopia 0.001% of the population

Trichromacy

#d9db26 Protanomaly 1% of men, 0.01% of women
#e3d55b Deuteranomaly 6% of men, 0.4% of women
#c3db9e Tritanomaly 0.01% of the population

#b4e422 hex color

#b4e422 Color Information

#b4e422 Color Conversion

Color Schemes with #b4e422

Alternatives to #b4e422

#b4e422 Preview

Shades and Tints of #b4e422

Tones of #b4e422

Color Blindness Simulator