colorhexa.com

#b2ff54 hex color

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

- R 70
- G 100
- B 33
RGB color chart
- C 30
- M 0
- Y 67
- K 0
CMYK color chart

● #b2ff54 color description : Light green.

The hexadecimal color #b2ff54 has RGB values of R:178, G:255, B:84 and CMYK values of C:0.3, M:0, Y:0.67, K:0. Its decimal value is 11730772.

Hex triplet	b2ff54	`#b2ff54`
RGB Decimal	178, 255, 84	`rgb(178,255,84)`
RGB Percent	69.8, 100, 32.9	`rgb(69.8%,100%,32.9%)`
CMYK	30, 0, 67, 0
HSL	87°, 100, 66.5	`hsl(87,100%,66.5%)`
HSV (or HSB)	87°, 67.1, 100
Web Safe	99ff66	`#99ff66`

CIE-LAB	92.408, -48.813, 70.98
XYZ	55.719, 81.623, 21.206
xyY	0.351, 0.515, 81.623
CIE-LCH	92.408, 86.145, 124.516
CIE-LUV	92.408, -38.407, 94.153
Hunter-Lab	90.346, -48.018, 49.325
Binary	10110010, 11111111, 01010100

#b2ff54
```
#b2ff54 rgb(178,255,84)
```
#a154ff
```
#a154ff rgb(161,84,255)
```

Complementary Color

#fff754
```
#fff754 rgb(255,247,84)
```
#b2ff54
```
#b2ff54 rgb(178,255,84)
```
#5dff54
```
#5dff54 rgb(93,255,84)
```

Analogous Color

#f754ff
```
#f754ff rgb(247,84,255)
```
#b2ff54
```
#b2ff54 rgb(178,255,84)
```
#545dff
```
#545dff rgb(84,93,255)
```

Split Complementary Color

#ff54b2
```
#ff54b2 rgb(255,84,178)
```
#b2ff54
```
#b2ff54 rgb(178,255,84)
```
#54b2ff
```
#54b2ff rgb(84,178,255)
```

Triadic Color

#ffa154
```
#ffa154 rgb(255,161,84)
```
#b2ff54
```
#b2ff54 rgb(178,255,84)
```
#54b2ff
```
#54b2ff rgb(84,178,255)
```
#a154ff
```
#a154ff rgb(161,84,255)
```

Tetradic Color

#90ff07
```
#90ff07 rgb(144,255,7)
```
#9bff21
```
#9bff21 rgb(155,255,33)
```
#a7ff3b
```
#a7ff3b rgb(167,255,59)
```
#b2ff54
```
#b2ff54 rgb(178,255,84)
```
#bdff6e
```
#bdff6e rgb(189,255,110)
```
#c9ff87
```
#c9ff87 rgb(201,255,135)
```
#d4ffa1
```
#d4ffa1 rgb(212,255,161)
```

Monochromatic Color

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

#ddff54
```
#ddff54 rgb(221,255,84)
```
#cfff54
```
#cfff54 rgb(207,255,84)
```
#c0ff54
```
#c0ff54 rgb(192,255,84)
```
#b2ff54
```
#b2ff54 rgb(178,255,84)
```
#a4ff54
```
#a4ff54 rgb(164,255,84)
```
#96ff54
```
#96ff54 rgb(150,255,84)
```
#87ff54
```
#87ff54 rgb(135,255,84)
```

Similar Colors

Text with hexadecimal color #b2ff54

This text has a font color of #b2ff54.

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

#b2ff54 background color

This paragraph has a background color of #b2ff54.

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

#b2ff54 border color

This element has a border color of #b2ff54.

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

CSS codes

.text {color:#b2ff54;}

.background {background-color:#b2ff54;}

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

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

#030600
```
#030600 rgb(3,6,0)
```
#0e1900
```
#0e1900 rgb(14,25,0)
```
#192d00
```
#192d00 rgb(25,45,0)
```
#234000
```
#234000 rgb(35,64,0)
```
#2e5400
```
#2e5400 rgb(46,84,0)
```
#396800
```
#396800 rgb(57,104,0)
```
#447b00
```
#447b00 rgb(68,123,0)
```
#4f8f00
```
#4f8f00 rgb(79,143,0)
```
#59a200
```
#59a200 rgb(89,162,0)
```
#64b600
```
#64b600 rgb(100,182,0)
```
#6fca00
```
#6fca00 rgb(111,202,0)
```
#7add00
```
#7add00 rgb(122,221,0)
```
#84f100
```
#84f100 rgb(132,241,0)
```

Shade Color Variation

#8fff06
```
#8fff06 rgb(143,255,6)
```
#98ff19
```
#98ff19 rgb(152,255,25)
```
#a0ff2d
```
#a0ff2d rgb(160,255,45)
```
#a9ff40
```
#a9ff40 rgb(169,255,64)
```
#b2ff54
```
#b2ff54 rgb(178,255,84)
```
#bbff68
```
#bbff68 rgb(187,255,104)
```
#c4ff7b
```
#c4ff7b rgb(196,255,123)
```
#ccff8f
```
#ccff8f rgb(204,255,143)
```
#d5ffa2
```
#d5ffa2 rgb(213,255,162)
```
#deffb6
```
#deffb6 rgb(222,255,182)
```
#e7ffca
```
#e7ffca rgb(231,255,202)
```
#f0ffdd
```
#f0ffdd rgb(240,255,221)
```
#f9fff1
```
#f9fff1 rgb(249,255,241)
```

Tint Color Variation

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

#aab0a3
```
#aab0a3 rgb(170,176,163)
```
#abb79c
```
#abb79c rgb(171,183,156)
```
#abbd96
```
#abbd96 rgb(171,189,150)
```
#acc48f
```
#acc48f rgb(172,196,143)
```
#adca89
```
#adca89 rgb(173,202,137)
```
#add182
```
#add182 rgb(173,209,130)
```
#aed87b
```
#aed87b rgb(174,216,123)
```
#afde75
```
#afde75 rgb(175,222,117)
```
#afe56e
```
#afe56e rgb(175,229,110)
```
#b0eb68
```
#b0eb68 rgb(176,235,104)
```
#b1f261
```
#b1f261 rgb(177,242,97)
```
#b1f85b
```
#b1f85b rgb(177,248,91)
```
#b2ff54
```
#b2ff54 rgb(178,255,84)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#cdddba Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffea8f Protanopia 1% of men
#ffe6ca Deuteranopia 1% of men
#d1eeff Tritanopia 0.001% of the population

Trichromacy

#e3f279 Protanomaly 1% of men, 0.01% of women
#e3ef9f Deuteranomaly 6% of men, 0.4% of women
#c5f4c0 Tritanomaly 0.01% of the population