#b2ff31 hex color

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

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

● #b2ff31 color description : Vivid green.

The hexadecimal color #b2ff31 has RGB values of R:178, G:255, B:49 and CMYK values of C:0.3, M:0, Y:0.81, K:0. Its decimal value is 11730737.

Hex triplet	b2ff31	`#b2ff31`
RGB Decimal	178, 255, 49	`rgb(178,255,49)`
RGB Percent	69.8, 100, 19.2	`rgb(69.8%,100%,19.2%)`
CMYK	30, 0, 81, 0
HSL	82.4°, 100, 59.6	`hsl(82.4,100%,59.6%)`
HSV (or HSB)	82.4°, 80.8, 100
Web Safe	99ff33	`#99ff33`

CIE-LAB	92.223, -50.648, 81.717
XYZ	54.673, 81.205, 15.699
xyY	0.361, 0.536, 81.205
CIE-LCH	92.223, 96.14, 121.79
CIE-LUV	92.223, -38.537, 102.384
Hunter-Lab	90.114, -49.401, 52.75
Binary	10110010, 11111111, 00110001

#b2ff31
```
#b2ff31 rgb(178,255,49)
```
#7e31ff
```
#7e31ff rgb(126,49,255)
```

Complementary Color

#ffe531
```
#ffe531 rgb(255,229,49)
```
#b2ff31
```
#b2ff31 rgb(178,255,49)
```
#4bff31
```
#4bff31 rgb(75,255,49)
```

Analogous Color

#e531ff
```
#e531ff rgb(229,49,255)
```
#b2ff31
```
#b2ff31 rgb(178,255,49)
```
#314bff
```
#314bff rgb(49,75,255)
```

Split Complementary Color

#ff31b2
```
#ff31b2 rgb(255,49,178)
```
#b2ff31
```
#b2ff31 rgb(178,255,49)
```
#31b2ff
```
#31b2ff rgb(49,178,255)
```

Triadic Color

#ff7e31
```
#ff7e31 rgb(255,126,49)
```
#b2ff31
```
#b2ff31 rgb(178,255,49)
```
#31b2ff
```
#31b2ff rgb(49,178,255)
```
#7e31ff
```
#7e31ff rgb(126,49,255)
```

Tetradic Color

#8ee400
```
#8ee400 rgb(142,228,0)
```
#9efd00
```
#9efd00 rgb(158,253,0)
```
#a8ff18
```
#a8ff18 rgb(168,255,24)
```
#b2ff31
```
#b2ff31 rgb(178,255,49)
```
#bcff4b
```
#bcff4b rgb(188,255,75)
```
#c5ff64
```
#c5ff64 rgb(197,255,100)
```
#cfff7e
```
#cfff7e rgb(207,255,126)
```

Monochromatic Color

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

#e6ff31
```
#e6ff31 rgb(230,255,49)
```
#d4ff31
```
#d4ff31 rgb(212,255,49)
```
#c3ff31
```
#c3ff31 rgb(195,255,49)
```
#b2ff31
```
#b2ff31 rgb(178,255,49)
```
#a1ff31
```
#a1ff31 rgb(161,255,49)
```
#90ff31
```
#90ff31 rgb(144,255,49)
```
#7fff31
```
#7fff31 rgb(127,255,49)
```

Similar Colors

Text with hexadecimal color #b2ff31

This text has a font color of #b2ff31.

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

#b2ff31 background color

This paragraph has a background color of #b2ff31.

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

#b2ff31 border color

This element has a border color of #b2ff31.

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

CSS codes

.text {color:#b2ff31;}

.background {background-color:#b2ff31;}

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

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, #060a00 is the darkest color, while #fbfff5 is the lightest one.

#060a00
```
#060a00 rgb(6,10,0)
```
#121d00
```
#121d00 rgb(18,29,0)
```
#1f3100
```
#1f3100 rgb(31,49,0)
```
#2b4500
```
#2b4500 rgb(43,69,0)
```
#375800
```
#375800 rgb(55,88,0)
```
#446c00
```
#446c00 rgb(68,108,0)
```
#507f00
```
#507f00 rgb(80,127,0)
```
#5c9300
```
#5c9300 rgb(92,147,0)
```
#68a700
```
#68a700 rgb(104,167,0)
```
#75ba00
```
#75ba00 rgb(117,186,0)
```
#81ce00
```
#81ce00 rgb(129,206,0)
```
#8de200
```
#8de200 rgb(141,226,0)
```
#9af500
```
#9af500 rgb(154,245,0)
```

Shade Color Variation

#a3ff0a
```
#a3ff0a rgb(163,255,10)
```
#abff1d
```
#abff1d rgb(171,255,29)
```
#b2ff31
```
#b2ff31 rgb(178,255,49)
```
#b9ff45
```
#b9ff45 rgb(185,255,69)
```
#c1ff58
```
#c1ff58 rgb(193,255,88)
```
#c8ff6c
```
#c8ff6c rgb(200,255,108)
```
#cfff7f
```
#cfff7f rgb(207,255,127)
```
#d7ff93
```
#d7ff93 rgb(215,255,147)
```
#deffa7
```
#deffa7 rgb(222,255,167)
```
#e5ffba
```
#e5ffba rgb(229,255,186)
```
#edffce
```
#edffce rgb(237,255,206)
```
#f4ffe2
```
#f4ffe2 rgb(244,255,226)
```
#fbfff5
```
#fbfff5 rgb(251,255,245)
```

Tint Color Variation

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

#9aa090
```
#9aa090 rgb(154,160,144)
```
#9ca888
```
#9ca888 rgb(156,168,136)
```
#9eb080
```
#9eb080 rgb(158,176,128)
```
#a0b878
```
#a0b878 rgb(160,184,120)
```
#a2c070
```
#a2c070 rgb(162,192,112)
```
#a4c868
```
#a4c868 rgb(164,200,104)
```
#a6cf61
```
#a6cf61 rgb(166,207,97)
```
#a8d759
```
#a8d759 rgb(168,215,89)
```
#aadf51
```
#aadf51 rgb(170,223,81)
```
#ace749
```
#ace749 rgb(172,231,73)
```
#aeef41
```
#aeef41 rgb(174,239,65)
```
#b0f739
```
#b0f739 rgb(176,247,57)
```
#b2ff31
```
#b2ff31 rgb(178,255,49)
```

Tone Color Variation

Below, you can see how #b2ff31 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
#cad9b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#e3f169 Protanomaly 1% of men, 0.01% of women
#e3ef90 Deuteranomaly 6% of men, 0.4% of women
#c5f4b4 Tritanomaly 0.01% of the population

#b2ff31 hex color

#b2ff31 Color Information

#b2ff31 Color Conversion

Color Schemes with #b2ff31

Alternatives to #b2ff31

#b2ff31 Preview

Shades and Tints of #b2ff31

Tones of #b2ff31

Color Blindness Simulator