#b2ff2a hex color

In a RGB color space, hex #b2ff2a is composed of 69.8% red, 100% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 30.2% cyan, 0% magenta, 83.5% yellow and 0% black. It has a hue angle of 81.7 degrees, a saturation of 100% and a lightness of 58.2%. #b2ff2a color hex could be obtained by blending #ffff54 with #65ff00. Closest websafe color is: #99ff33.

♥
- f
- t
- g
- R 70
- G 100
- B 16
RGB color chart
- C 30
- M 0
- Y 84
- K 0
CMYK color chart

● #b2ff2a color description : Vivid green.

The hexadecimal color #b2ff2a has RGB values of R:178, G:255, B:42 and CMYK values of C:0.3, M:0, Y:0.84, K:0. Its decimal value is 11730730.

Hex triplet	b2ff2a	`#b2ff2a`
RGB Decimal	178, 255, 42	`rgb(178,255,42)`
RGB Percent	69.8, 100, 16.5	`rgb(69.8%,100%,16.5%)`
CMYK	30, 0, 84, 0
HSL	81.7°, 100, 58.2	`hsl(81.7,100%,58.2%)`
HSV (or HSB)	81.7°, 83.5, 100
Web Safe	99ff33	`#99ff33`

CIE-LAB	92.199, -50.889, 83.3
XYZ	54.537, 81.15, 14.981
xyY	0.362, 0.539, 81.15
CIE-LCH	92.199, 97.615, 121.421
CIE-LUV	92.199, -38.554, 103.478
Hunter-Lab	90.084, -49.582, 53.199
Binary	10110010, 11111111, 00101010

#b2ff2a
```
#b2ff2a rgb(178,255,42)
```
#772aff
```
#772aff rgb(119,42,255)
```

Complementary Color

#ffe22a
```
#ffe22a rgb(255,226,42)
```
#b2ff2a
```
#b2ff2a rgb(178,255,42)
```
#48ff2a
```
#48ff2a rgb(72,255,42)
```

Analogous Color

#e22aff
```
#e22aff rgb(226,42,255)
```
#b2ff2a
```
#b2ff2a rgb(178,255,42)
```
#2a47ff
```
#2a47ff rgb(42,71,255)
```

Split Complementary Color

#ff2ab2
```
#ff2ab2 rgb(255,42,178)
```
#b2ff2a
```
#b2ff2a rgb(178,255,42)
```
#2ab2ff
```
#2ab2ff rgb(42,178,255)
```

Triadic Color

#ff772a
```
#ff772a rgb(255,119,42)
```
#b2ff2a
```
#b2ff2a rgb(178,255,42)
```
#2ab2ff
```
#2ab2ff rgb(42,178,255)
```
#772aff
```
#772aff rgb(119,42,255)
```

Tetradic Color

#8ddd00
```
#8ddd00 rgb(141,221,0)
```
#9df600
```
#9df600 rgb(157,246,0)
```
#a9ff11
```
#a9ff11 rgb(169,255,17)
```
#b2ff2a
```
#b2ff2a rgb(178,255,42)
```
#bbff44
```
#bbff44 rgb(187,255,68)
```
#c4ff5d
```
#c4ff5d rgb(196,255,93)
```
#ceff77
```
#ceff77 rgb(206,255,119)
```

Monochromatic Color

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

#e7ff2a
```
#e7ff2a rgb(231,255,42)
```
#d6ff2a
```
#d6ff2a rgb(214,255,42)
```
#c4ff2a
```
#c4ff2a rgb(196,255,42)
```
#b2ff2a
```
#b2ff2a rgb(178,255,42)
```
#a0ff2a
```
#a0ff2a rgb(160,255,42)
```
#8fff2a
```
#8fff2a rgb(143,255,42)
```
#7dff2a
```
#7dff2a rgb(125,255,42)
```

Similar Colors

Text with hexadecimal color #b2ff2a

This text has a font color of #b2ff2a.

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

#b2ff2a background color

This paragraph has a background color of #b2ff2a.

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

#b2ff2a border color

This element has a border color of #b2ff2a.

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

CSS codes

.text {color:#b2ff2a;}

.background {background-color:#b2ff2a;}

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

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

#020300
```
#020300 rgb(2,3,0)
```
#0e1600
```
#0e1600 rgb(14,22,0)
```
#1b2a00
```
#1b2a00 rgb(27,42,0)
```
#273e00
```
#273e00 rgb(39,62,0)
```
#345100
```
#345100 rgb(52,81,0)
```
#406500
```
#406500 rgb(64,101,0)
```
#4d7800
```
#4d7800 rgb(77,120,0)
```
#598c00
```
#598c00 rgb(89,140,0)
```
#66a000
```
#66a000 rgb(102,160,0)
```
#72b300
```
#72b300 rgb(114,179,0)
```
#7fc700
```
#7fc700 rgb(127,199,0)
```
#8cdb00
```
#8cdb00 rgb(140,219,0)
```
#98ee00
```
#98ee00 rgb(152,238,0)
```

Shade Color Variation

#a4ff03
```
#a4ff03 rgb(164,255,3)
```
#abff16
```
#abff16 rgb(171,255,22)
```
#b2ff2a
```
#b2ff2a rgb(178,255,42)
```
#b9ff3e
```
#b9ff3e rgb(185,255,62)
```
#c0ff51
```
#c0ff51 rgb(192,255,81)
```
#c7ff65
```
#c7ff65 rgb(199,255,101)
```
#ceff78
```
#ceff78 rgb(206,255,120)
```
#d5ff8c
```
#d5ff8c rgb(213,255,140)
```
#ddffa0
```
#ddffa0 rgb(221,255,160)
```
#e4ffb3
```
#e4ffb3 rgb(228,255,179)
```
#ebffc7
```
#ebffc7 rgb(235,255,199)
```
#f2ffdb
```
#f2ffdb rgb(242,255,219)
```
#f9ffee
```
#f9ffee rgb(249,255,238)
```

Tint Color Variation

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

#979d8c
```
#979d8c rgb(151,157,140)
```
#99a584
```
#99a584 rgb(153,165,132)
```
#9bad7c
```
#9bad7c rgb(155,173,124)
```
#9eb574
```
#9eb574 rgb(158,181,116)
```
#a0bd6c
```
#a0bd6c rgb(160,189,108)
```
#a2c663
```
#a2c663 rgb(162,198,99)
```
#a4ce5b
```
#a4ce5b rgb(164,206,91)
```
#a7d653
```
#a7d653 rgb(167,214,83)
```
#a9de4b
```
#a9de4b rgb(169,222,75)
```
#abe643
```
#abe643 rgb(171,230,67)
```
#adef3a
```
#adef3a rgb(173,239,58)
```
#b0f732
```
#b0f732 rgb(176,247,50)
```
#b2ff2a
```
#b2ff2a rgb(178,255,42)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#cad9af Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffea88 Protanopia 1% of men
#ffe6c7 Deuteranopia 1% of men
#d1eeff Tritanopia 0.001% of the population

Trichromacy

#e3f166 Protanomaly 1% of men, 0.01% of women
#e3ef8e Deuteranomaly 6% of men, 0.4% of women
#c5f4b1 Tritanomaly 0.01% of the population

#b2ff2a hex color

#b2ff2a Color Information

#b2ff2a Color Conversion

Color Schemes with #b2ff2a

Alternatives to #b2ff2a

#b2ff2a Preview

Shades and Tints of #b2ff2a

Tones of #b2ff2a

Color Blindness Simulator