#b2ff80 hex color

In a RGB color space, hex #b2ff80 is composed of 69.8% red, 100% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 30.2% cyan, 0% magenta, 49.8% yellow and 0% black. It has a hue angle of 96.4 degrees, a saturation of 100% and a lightness of 75.1%. #b2ff80 color hex could be obtained by blending #ffffff with #65ff01. Closest websafe color is: #99ff99.

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

● #b2ff80 color description : Very light green.

The hexadecimal color #b2ff80 has RGB values of R:178, G:255, B:128 and CMYK values of C:0.3, M:0, Y:0.5, K:0. Its decimal value is 11730816.

Hex triplet	b2ff80	`#b2ff80`
RGB Decimal	178, 255, 128	`rgb(178,255,128)`
RGB Percent	69.8, 100, 50.2	`rgb(69.8%,100%,50.2%)`
CMYK	30, 0, 50, 0
HSL	96.4°, 100, 75.1	`hsl(96.4,100%,75.1%)`
HSV (or HSB)	96.4°, 49.8, 100
Web Safe	99ff99	`#99ff99`

CIE-LAB	92.813, -44.889, 52.865
XYZ	58.015, 82.541, 33.296
xyY	0.334, 0.475, 82.541
CIE-LCH	92.813, 69.353, 130.335
CIE-LUV	92.813, -38.142, 76.977
Hunter-Lab	90.852, -45.009, 41.868
Binary	10110010, 11111111, 10000000

#b2ff80
```
#b2ff80 rgb(178,255,128)
```
#cd80ff
```
#cd80ff rgb(205,128,255)
```

Complementary Color

#f2ff80
```
#f2ff80 rgb(242,255,128)
```
#b2ff80
```
#b2ff80 rgb(178,255,128)
```
#80ff8e
```
#80ff8e rgb(128,255,142)
```

Analogous Color

#ff80f2
```
#ff80f2 rgb(255,128,242)
```
#b2ff80
```
#b2ff80 rgb(178,255,128)
```
#8e80ff
```
#8e80ff rgb(142,128,255)
```

Split Complementary Color

#ff80b2
```
#ff80b2 rgb(255,128,178)
```
#b2ff80
```
#b2ff80 rgb(178,255,128)
```
#80b2ff
```
#80b2ff rgb(128,178,255)
```

Triadic Color

#ffcd80
```
#ffcd80 rgb(255,205,128)
```
#b2ff80
```
#b2ff80 rgb(178,255,128)
```
#80b2ff
```
#80b2ff rgb(128,178,255)
```
#cd80ff
```
#cd80ff rgb(205,128,255)
```

Tetradic Color

#84ff34
```
#84ff34 rgb(132,255,52)
```
#93ff4d
```
#93ff4d rgb(147,255,77)
```
#a3ff67
```
#a3ff67 rgb(163,255,103)
```
#b2ff80
```
#b2ff80 rgb(178,255,128)
```
#c1ff9a
```
#c1ff9a rgb(193,255,154)
```
#d1ffb3
```
#d1ffb3 rgb(209,255,179)
```
#e0ffcd
```
#e0ffcd rgb(224,255,205)
```

Monochromatic Color

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

#d2ff80
```
#d2ff80 rgb(210,255,128)
```
#c7ff80
```
#c7ff80 rgb(199,255,128)
```
#bdff80
```
#bdff80 rgb(189,255,128)
```
#b2ff80
```
#b2ff80 rgb(178,255,128)
```
#a7ff80
```
#a7ff80 rgb(167,255,128)
```
#9dff80
```
#9dff80 rgb(157,255,128)
```
#92ff80
```
#92ff80 rgb(146,255,128)
```

Similar Colors

Text with hexadecimal color #b2ff80

This text has a font color of #b2ff80.

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

#b2ff80 background color

This paragraph has a background color of #b2ff80.

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

#b2ff80 border color

This element has a border color of #b2ff80.

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

CSS codes

.text {color:#b2ff80;}

.background {background-color:#b2ff80;}

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

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

#040a00
```
#040a00 rgb(4,10,0)
```
#0c1e00
```
#0c1e00 rgb(12,30,0)
```
#143200
```
#143200 rgb(20,50,0)
```
#1b4500
```
#1b4500 rgb(27,69,0)
```
#235900
```
#235900 rgb(35,89,0)
```
#2b6c00
```
#2b6c00 rgb(43,108,0)
```
#328000
```
#328000 rgb(50,128,0)
```
#3a9400
```
#3a9400 rgb(58,148,0)
```
#42a700
```
#42a700 rgb(66,167,0)
```
#4abb00
```
#4abb00 rgb(74,187,0)
```
#51ce00
```
#51ce00 rgb(81,206,0)
```
#59e200
```
#59e200 rgb(89,226,0)
```
#61f600
```
#61f600 rgb(97,246,0)
```

Shade Color Variation

#6bff0a
```
#6bff0a rgb(107,255,10)
```
#77ff1e
```
#77ff1e rgb(119,255,30)
```
#82ff32
```
#82ff32 rgb(130,255,50)
```
#8eff45
```
#8eff45 rgb(142,255,69)
```
#9aff59
```
#9aff59 rgb(154,255,89)
```
#a6ff6c
```
#a6ff6c rgb(166,255,108)
```
#b2ff80
```
#b2ff80 rgb(178,255,128)
```
#beff94
```
#beff94 rgb(190,255,148)
```
#caffa7
```
#caffa7 rgb(202,255,167)
```
#d6ffbb
```
#d6ffbb rgb(214,255,187)
```
#e2ffce
```
#e2ffce rgb(226,255,206)
```
#edffe2
```
#edffe2 rgb(237,255,226)
```
#f9fff6
```
#f9fff6 rgb(249,255,246)
```

Tint Color Variation

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

#bec4bb
```
#bec4bb rgb(190,196,187)
```
#bdc9b6
```
#bdc9b6 rgb(189,201,182)
```
#bcceb1
```
#bcceb1 rgb(188,206,177)
```
#bbd3ac
```
#bbd3ac rgb(187,211,172)
```
#bad8a7
```
#bad8a7 rgb(186,216,167)
```
#b9dda2
```
#b9dda2 rgb(185,221,162)
```
#b8e29d
```
#b8e29d rgb(184,226,157)
```
#b7e798
```
#b7e798 rgb(183,231,152)
```
#b6eb94
```
#b6eb94 rgb(182,235,148)
```
#b5f08f
```
#b5f08f rgb(181,240,143)
```
#b4f58a
```
#b4f58a rgb(180,245,138)
```
#b3fa85
```
#b3fa85 rgb(179,250,133)
```
#b2ff80
```
#b2ff80 rgb(178,255,128)
```

Tone Color Variation

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

#d9d9d9 Achromatopsia 0.005% of the population
#d1e1c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeb9a Protanopia 1% of men
#ffe7cf Deuteranopia 1% of men
#d1f0ff Tritanopia 0.001% of the population

Trichromacy

#e3f290 Protanomaly 1% of men, 0.01% of women
#e3f0b2 Deuteranomaly 6% of men, 0.4% of women
#c6f5d0 Tritanomaly 0.01% of the population

#b2ff80 hex color

#b2ff80 Color Information

#b2ff80 Color Conversion

Color Schemes with #b2ff80

Alternatives to #b2ff80

#b2ff80 Preview

Shades and Tints of #b2ff80

Tones of #b2ff80

Color Blindness Simulator