#b2ff66 hex color

In a RGB color space, hex #b2ff66 is composed of 69.8% red, 100% green and 40% blue. Whereas in a CMYK color space, it is composed of 30.2% cyan, 0% magenta, 60% yellow and 0% black. It has a hue angle of 90.2 degrees, a saturation of 100% and a lightness of 70%. #b2ff66 color hex could be obtained by blending #ffffcc with #65ff00. Closest websafe color is: #99ff66.

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

● #b2ff66 color description : Light green.

The hexadecimal color #b2ff66 has RGB values of R:178, G:255, B:102 and CMYK values of C:0.3, M:0, Y:0.6, K:0. Its decimal value is 11730790.

Hex triplet	b2ff66	`#b2ff66`
RGB Decimal	178, 255, 102	`rgb(178,255,102)`
RGB Percent	69.8, 100, 40	`rgb(69.8%,100%,40%)`
CMYK	30, 0, 60, 0
HSL	90.2°, 100, 70	`hsl(90.2,100%,70%)`
HSV (or HSB)	90.2°, 60, 100
Web Safe	99ff66	`#99ff66`

CIE-LAB	92.549, -47.433, 64.023
XYZ	56.517, 81.942, 25.408
xyY	0.345, 0.5, 81.942
CIE-LCH	92.549, 79.68, 126.534
CIE-LUV	92.549, -38.312, 88.048
Hunter-Lab	90.522, -46.968, 46.723
Binary	10110010, 11111111, 01100110

#b2ff66
```
#b2ff66 rgb(178,255,102)
```
#b366ff
```
#b366ff rgb(179,102,255)
```

Complementary Color

#ffff66
```
#ffff66 rgb(255,255,102)
```
#b2ff66
```
#b2ff66 rgb(178,255,102)
```
#66ff67
```
#66ff67 rgb(102,255,103)
```

Analogous Color

#ff66ff
```
#ff66ff rgb(255,102,255)
```
#b2ff66
```
#b2ff66 rgb(178,255,102)
```
#6766ff
```
#6766ff rgb(103,102,255)
```

Split Complementary Color

#ff66b2
```
#ff66b2 rgb(255,102,178)
```
#b2ff66
```
#b2ff66 rgb(178,255,102)
```
#66b2ff
```
#66b2ff rgb(102,178,255)
```

Triadic Color

#ffb366
```
#ffb366 rgb(255,179,102)
```
#b2ff66
```
#b2ff66 rgb(178,255,102)
```
#66b2ff
```
#66b2ff rgb(102,178,255)
```
#b366ff
```
#b366ff rgb(179,102,255)
```

Tetradic Color

#8cff1a
```
#8cff1a rgb(140,255,26)
```
#98ff33
```
#98ff33 rgb(152,255,51)
```
#a5ff4d
```
#a5ff4d rgb(165,255,77)
```
#b2ff66
```
#b2ff66 rgb(178,255,102)
```
#bfff80
```
#bfff80 rgb(191,255,128)
```
#ccff99
```
#ccff99 rgb(204,255,153)
```
#d9ffb3
```
#d9ffb3 rgb(217,255,179)
```

Monochromatic Color

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

#d8ff66
```
#d8ff66 rgb(216,255,102)
```
#ccff66
```
#ccff66 rgb(204,255,102)
```
#bfff66
```
#bfff66 rgb(191,255,102)
```
#b2ff66
```
#b2ff66 rgb(178,255,102)
```
#a5ff66
```
#a5ff66 rgb(165,255,102)
```
#99ff66
```
#99ff66 rgb(153,255,102)
```
#8cff66
```
#8cff66 rgb(140,255,102)
```

Similar Colors

Text with hexadecimal color #b2ff66

This text has a font color of #b2ff66.

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

#b2ff66 background color

This paragraph has a background color of #b2ff66.

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

#b2ff66 border color

This element has a border color of #b2ff66.

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

CSS codes

.text {color:#b2ff66;}

.background {background-color:#b2ff66;}

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

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

#020400
```
#020400 rgb(2,4,0)
```
#0c1800
```
#0c1800 rgb(12,24,0)
```
#152b00
```
#152b00 rgb(21,43,0)
```
#1f3f00
```
#1f3f00 rgb(31,63,0)
```
#295200
```
#295200 rgb(41,82,0)
```
#336600
```
#336600 rgb(51,102,0)
```
#3c7a00
```
#3c7a00 rgb(60,122,0)
```
#468d00
```
#468d00 rgb(70,141,0)
```
#50a100
```
#50a100 rgb(80,161,0)
```
#5ab400
```
#5ab400 rgb(90,180,0)
```
#63c800
```
#63c800 rgb(99,200,0)
```
#6ddc00
```
#6ddc00 rgb(109,220,0)
```
#77ef00
```
#77ef00 rgb(119,239,0)
```

Shade Color Variation

#81ff04
```
#81ff04 rgb(129,255,4)
```
#8bff18
```
#8bff18 rgb(139,255,24)
```
#94ff2b
```
#94ff2b rgb(148,255,43)
```
#9eff3f
```
#9eff3f rgb(158,255,63)
```
#a8ff52
```
#a8ff52 rgb(168,255,82)
```
#b2ff66
```
#b2ff66 rgb(178,255,102)
```
#bcff7a
```
#bcff7a rgb(188,255,122)
```
#c6ff8d
```
#c6ff8d rgb(198,255,141)
```
#d0ffa1
```
#d0ffa1 rgb(208,255,161)
```
#d9ffb4
```
#d9ffb4 rgb(217,255,180)
```
#e3ffc8
```
#e3ffc8 rgb(227,255,200)
```
#edffdc
```
#edffdc rgb(237,255,220)
```
#f7ffef
```
#f7ffef rgb(247,255,239)
```

Tint Color Variation

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

#b2b8ad
```
#b2b8ad rgb(178,184,173)
```
#b2bea7
```
#b2bea7 rgb(178,190,167)
```
#b2c4a1
```
#b2c4a1 rgb(178,196,161)
```
#b2ca9b
```
#b2ca9b rgb(178,202,155)
```
#b2d095
```
#b2d095 rgb(178,208,149)
```
#b2d68f
```
#b2d68f rgb(178,214,143)
```
#b2dc89
```
#b2dc89 rgb(178,220,137)
```
#b2e283
```
#b2e283 rgb(178,226,131)
```
#b2e77e
```
#b2e77e rgb(178,231,126)
```
#b2ed78
```
#b2ed78 rgb(178,237,120)
```
#b2f372
```
#b2f372 rgb(178,243,114)
```
#b2f96c
```
#b2f96c rgb(178,249,108)
```
#b2ff66
```
#b2ff66 rgb(178,255,102)
```

Tone Color Variation

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

#d7d7d7 Achromatopsia 0.005% of the population
#d0dfc0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffea93 Protanopia 1% of men
#ffe7cc Deuteranopia 1% of men
#d1efff Tritanopia 0.001% of the population

Trichromacy

#e3f282 Protanomaly 1% of men, 0.01% of women
#e3efa7 Deuteranomaly 6% of men, 0.4% of women
#c6f5c7 Tritanomaly 0.01% of the population

#b2ff66 hex color

#b2ff66 Color Information

#b2ff66 Color Conversion

Color Schemes with #b2ff66

Alternatives to #b2ff66

#b2ff66 Preview

Shades and Tints of #b2ff66

Tones of #b2ff66

Color Blindness Simulator