#b2de30 hex color

In a RGB color space, hex #b2de30 is composed of 69.8% red, 87.1% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 19.8% cyan, 0% magenta, 78.4% yellow and 12.9% black. It has a hue angle of 75.2 degrees, a saturation of 72.5% and a lightness of 52.9%. #b2de30 color hex could be obtained by blending #ffff60 with #65bd00. Closest websafe color is: #99cc33.

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

● #b2de30 color description : Bright green.

The hexadecimal color #b2de30 has RGB values of R:178, G:222, B:48 and CMYK values of C:0.2, M:0, Y:0.78, K:0.13. Its decimal value is 11722288.

Hex triplet	b2de30	`#b2de30`
RGB Decimal	178, 222, 48	`rgb(178,222,48)`
RGB Percent	69.8, 87.1, 18.8	`rgb(69.8%,87.1%,18.8%)`
CMYK	20, 0, 78, 13
HSL	75.2°, 72.5, 52.9	`hsl(75.2,72.5%,52.9%)`
HSV (or HSB)	75.2°, 78.4, 87.1
Web Safe	99cc33	`#99cc33`

CIE-LAB	82.871, -36.429, 73.585
XYZ	45.014, 61.92, 12.376
xyY	0.377, 0.519, 61.92
CIE-LCH	82.871, 82.109, 116.338
CIE-LUV	82.871, -21.258, 89.322
Hunter-Lab	78.689, -35.596, 45.757
Binary	10110010, 11011110, 00110000

#b2de30
```
#b2de30 rgb(178,222,48)
```
#5c30de
```
#5c30de rgb(92,48,222)
```

Complementary Color

#deb330
```
#deb330 rgb(222,179,48)
```
#b2de30
```
#b2de30 rgb(178,222,48)
```
#5bde30
```
#5bde30 rgb(91,222,48)
```

Analogous Color

#b330de
```
#b330de rgb(179,48,222)
```
#b2de30
```
#b2de30 rgb(178,222,48)
```
#305bde
```
#305bde rgb(48,91,222)
```

Split Complementary Color

#de30b2
```
#de30b2 rgb(222,48,178)
```
#b2de30
```
#b2de30 rgb(178,222,48)
```
#30b2de
```
#30b2de rgb(48,178,222)
```

Triadic Color

#de5c30
```
#de5c30 rgb(222,92,48)
```
#b2de30
```
#b2de30 rgb(178,222,48)
```
#30b2de
```
#30b2de rgb(48,178,222)
```
#5c30de
```
#5c30de rgb(92,48,222)
```

Tetradic Color

#83a71b
```
#83a71b rgb(131,167,27)
```
#95bd1e
```
#95bd1e rgb(149,189,30)
```
#a6d322
```
#a6d322 rgb(166,211,34)
```
#b2de30
```
#b2de30 rgb(178,222,48)
```
#bae246
```
#bae246 rgb(186,226,70)
```
#c2e55c
```
#c2e55c rgb(194,229,92)
```
#cbe972
```
#cbe972 rgb(203,233,114)
```

Monochromatic Color

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

#dede30
```
#dede30 rgb(222,222,48)
```
#cfde30
```
#cfde30 rgb(207,222,48)
```
#c1de30
```
#c1de30 rgb(193,222,48)
```
#b2de30
```
#b2de30 rgb(178,222,48)
```
#a4de30
```
#a4de30 rgb(164,222,48)
```
#95de30
```
#95de30 rgb(149,222,48)
```
#87de30
```
#87de30 rgb(135,222,48)
```

Similar Colors

Text with hexadecimal color #b2de30

This text has a font color of #b2de30.

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

#b2de30 background color

This paragraph has a background color of #b2de30.

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

#b2de30 border color

This element has a border color of #b2de30.

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

CSS codes

.text {color:#b2de30;}

.background {background-color:#b2de30;}

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

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, #0a0d02 is the darkest color, while #fefefb is the lightest one.

#0a0d02
```
#0a0d02 rgb(10,13,2)
```
#181e05
```
#181e05 rgb(24,30,5)
```
#252f07
```
#252f07 rgb(37,47,7)
```
#32400a
```
#32400a rgb(50,64,10)
```
#3f510d
```
#3f510d rgb(63,81,13)
```
#4d6210
```
#4d6210 rgb(77,98,16)
```
#5a7212
```
#5a7212 rgb(90,114,18)
```
#678315
```
#678315 rgb(103,131,21)
```
#759418
```
#759418 rgb(117,148,24)
```
#82a51a
```
#82a51a rgb(130,165,26)
```
#8fb61d
```
#8fb61d rgb(143,182,29)
```
#9dc720
```
#9dc720 rgb(157,199,32)
```
#aad822
```
#aad822 rgb(170,216,34)
```

Shade Color Variation

#b2de30
```
#b2de30 rgb(178,222,48)
```
#b8e141
```
#b8e141 rgb(184,225,65)
```
#bfe352
```
#bfe352 rgb(191,227,82)
```
#c5e663
```
#c5e663 rgb(197,230,99)
```
#cbe974
```
#cbe974 rgb(203,233,116)
```
#d1eb85
```
#d1eb85 rgb(209,235,133)
```
#d8ee96
```
#d8ee96 rgb(216,238,150)
```
#def1a6
```
#def1a6 rgb(222,241,166)
```
#e4f4b7
```
#e4f4b7 rgb(228,244,183)
```
#ebf6c8
```
#ebf6c8 rgb(235,246,200)
```
#f1f9d9
```
#f1f9d9 rgb(241,249,217)
```
#f7fcea
```
#f7fcea rgb(247,252,234)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#898b83
```
#898b83 rgb(137,139,131)
```
#8e947a
```
#8e947a rgb(142,148,122)
```
#929d71
```
#929d71 rgb(146,157,113)
```
#97a767
```
#97a767 rgb(151,167,103)
```
#9bb05e
```
#9bb05e rgb(155,176,94)
```
#a0b955
```
#a0b955 rgb(160,185,85)
```
#a4c24c
```
#a4c24c rgb(164,194,76)
```
#a9cc42
```
#a9cc42 rgb(169,204,66)
```
#add539
```
#add539 rgb(173,213,57)
```
#b2de30
```
#b2de30 rgb(178,222,48)
```
#b7e727
```
#b7e727 rgb(183,231,39)
```
#bbf01e
```
#bbf01e rgb(187,240,30)
```
#c0fa14
```
#c0fa14 rgb(192,250,20)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#bbc4a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d136 Protanopia 1% of men
#ffc862 Deuteranopia 1% of men
#c9d1e0 Tritanopia 0.001% of the population

Trichromacy

#d5d534 Protanomaly 1% of men, 0.01% of women
#e3d050 Deuteranomaly 6% of men, 0.4% of women
#c1d5a0 Tritanomaly 0.01% of the population

#b2de30 hex color

#b2de30 Color Information

#b2de30 Color Conversion

Color Schemes with #b2de30

Alternatives to #b2de30

#b2de30 Preview

Shades and Tints of #b2de30

Tones of #b2de30

Color Blindness Simulator