#b2ff20 hex color

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

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

● #b2ff20 color description : Vivid green.

The hexadecimal color #b2ff20 has RGB values of R:178, G:255, B:32 and CMYK values of C:0.3, M:0, Y:0.87, K:0. Its decimal value is 11730720.

Hex triplet	b2ff20	`#b2ff20`
RGB Decimal	178, 255, 32	`rgb(178,255,32)`
RGB Percent	69.8, 100, 12.5	`rgb(69.8%,100%,12.5%)`
CMYK	30, 0, 87, 0
HSL	80.7°, 100, 56.3	`hsl(80.7,100%,56.3%)`
HSV (or HSB)	80.7°, 87.5, 100
Web Safe	99ff33	`#99ff33`

CIE-LAB	92.171, -51.169, 85.19
XYZ	54.38, 81.088, 14.153
xyY	0.363, 0.542, 81.088
CIE-LCH	92.171, 99.376, 120.991
CIE-LUV	92.171, -38.575, 104.744
Hunter-Lab	90.049, -49.79, 53.716
Binary	10110010, 11111111, 00100000

#b2ff20
```
#b2ff20 rgb(178,255,32)
```
#6d20ff
```
#6d20ff rgb(109,32,255)
```

Complementary Color

#ffdd20
```
#ffdd20 rgb(255,221,32)
```
#b2ff20
```
#b2ff20 rgb(178,255,32)
```
#43ff20
```
#43ff20 rgb(67,255,32)
```

Analogous Color

#dd20ff
```
#dd20ff rgb(221,32,255)
```
#b2ff20
```
#b2ff20 rgb(178,255,32)
```
#2042ff
```
#2042ff rgb(32,66,255)
```

Split Complementary Color

#ff20b2
```
#ff20b2 rgb(255,32,178)
```
#b2ff20
```
#b2ff20 rgb(178,255,32)
```
#20b2ff
```
#20b2ff rgb(32,178,255)
```

Triadic Color

#ff6d20
```
#ff6d20 rgb(255,109,32)
```
#b2ff20
```
#b2ff20 rgb(178,255,32)
```
#20b2ff
```
#20b2ff rgb(32,178,255)
```
#6d20ff
```
#6d20ff rgb(109,32,255)
```

Tetradic Color

#8ad300
```
#8ad300 rgb(138,211,0)
```
#9bec00
```
#9bec00 rgb(155,236,0)
```
#a9ff06
```
#a9ff06 rgb(169,255,6)
```
#b2ff20
```
#b2ff20 rgb(178,255,32)
```
#bbff3a
```
#bbff3a rgb(187,255,58)
```
#c4ff53
```
#c4ff53 rgb(196,255,83)
```
#ccff6d
```
#ccff6d rgb(204,255,109)
```

Monochromatic Color

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

#eaff20
```
#eaff20 rgb(234,255,32)
```
#d7ff20
```
#d7ff20 rgb(215,255,32)
```
#c5ff20
```
#c5ff20 rgb(197,255,32)
```
#b2ff20
```
#b2ff20 rgb(178,255,32)
```
#9fff20
```
#9fff20 rgb(159,255,32)
```
#8dff20
```
#8dff20 rgb(141,255,32)
```
#7aff20
```
#7aff20 rgb(122,255,32)
```

Similar Colors

Text with hexadecimal color #b2ff20

This text has a font color of #b2ff20.

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

#b2ff20 background color

This paragraph has a background color of #b2ff20.

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

#b2ff20 border color

This element has a border color of #b2ff20.

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

CSS codes

.text {color:#b2ff20;}

.background {background-color:#b2ff20;}

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

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, #080c00 is the darkest color, while #fdfff8 is the lightest one.

#080c00
```
#080c00 rgb(8,12,0)
```
#152000
```
#152000 rgb(21,32,0)
```
#223400
```
#223400 rgb(34,52,0)
```
#2f4700
```
#2f4700 rgb(47,71,0)
```
#3b5b00
```
#3b5b00 rgb(59,91,0)
```
#486e00
```
#486e00 rgb(72,110,0)
```
#558200
```
#558200 rgb(85,130,0)
```
#629600
```
#629600 rgb(98,150,0)
```
#6fa900
```
#6fa900 rgb(111,169,0)
```
#7cbd00
```
#7cbd00 rgb(124,189,0)
```
#89d100
```
#89d100 rgb(137,209,0)
```
#95e400
```
#95e400 rgb(149,228,0)
```
#a2f800
```
#a2f800 rgb(162,248,0)
```

Shade Color Variation

#abff0c
```
#abff0c rgb(171,255,12)
```
#b2ff20
```
#b2ff20 rgb(178,255,32)
```
#b9ff34
```
#b9ff34 rgb(185,255,52)
```
#c0ff47
```
#c0ff47 rgb(192,255,71)
```
#c6ff5b
```
#c6ff5b rgb(198,255,91)
```
#cdff6e
```
#cdff6e rgb(205,255,110)
```
#d4ff82
```
#d4ff82 rgb(212,255,130)
```
#dbff96
```
#dbff96 rgb(219,255,150)
```
#e1ffa9
```
#e1ffa9 rgb(225,255,169)
```
#e8ffbd
```
#e8ffbd rgb(232,255,189)
```
#efffd1
```
#efffd1 rgb(239,255,209)
```
#f6ffe4
```
#f6ffe4 rgb(246,255,228)
```
#fdfff8
```
#fdfff8 rgb(253,255,248)
```

Tint Color Variation

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

#929887
```
#929887 rgb(146,152,135)
```
#95a17e
```
#95a17e rgb(149,161,126)
```
#97a976
```
#97a976 rgb(151,169,118)
```
#9ab26d
```
#9ab26d rgb(154,178,109)
```
#9dba65
```
#9dba65 rgb(157,186,101)
```
#9fc35c
```
#9fc35c rgb(159,195,92)
```
#a2cc53
```
#a2cc53 rgb(162,204,83)
```
#a5d44b
```
#a5d44b rgb(165,212,75)
```
#a7dd42
```
#a7dd42 rgb(167,221,66)
```
#aae53a
```
#aae53a rgb(170,229,58)
```
#adee31
```
#adee31 rgb(173,238,49)
```
#aff629
```
#aff629 rgb(175,246,41)
```
#b2ff20
```
#b2ff20 rgb(178,255,32)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#c9d9ac Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#e3f162 Protanomaly 1% of men, 0.01% of women
#e3ef8a Deuteranomaly 6% of men, 0.4% of women
#c5f4ad Tritanomaly 0.01% of the population

#b2ff20 hex color

#b2ff20 Color Information

#b2ff20 Color Conversion

Color Schemes with #b2ff20

Alternatives to #b2ff20

#b2ff20 Preview

Shades and Tints of #b2ff20

Tones of #b2ff20

Color Blindness Simulator