#bafe30 hex color

In a RGB color space, hex #bafe30 is composed of 72.9% red, 99.6% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 0% magenta, 81.1% yellow and 0.4% black. It has a hue angle of 79.8 degrees, a saturation of 99% and a lightness of 59.2%. #bafe30 color hex could be obtained by blending #ffff60 with #75fd00. Closest websafe color is: #ccff33.

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

● #bafe30 color description : Bright green.

The hexadecimal color #bafe30 has RGB values of R:186, G:254, B:48 and CMYK values of C:0.27, M:0, Y:0.81, K:0. Its decimal value is 12254768.

Hex triplet	bafe30	`#bafe30`
RGB Decimal	186, 254, 48	`rgb(186,254,48)`
RGB Percent	72.9, 99.6, 18.8	`rgb(72.9%,99.6%,18.8%)`
CMYK	27, 0, 81, 0
HSL	79.8°, 99, 59.2	`hsl(79.8,99%,59.2%)`
HSV (or HSB)	79.8°, 81.1, 99.6
Web Safe	ccff33	`#ccff33`

CIE-LAB	92.369, -47.384, 82.254
XYZ	56.224, 81.535, 15.572
xyY	0.367, 0.532, 81.535
CIE-LCH	92.369, 94.926, 119.945
CIE-LUV	92.369, -33.898, 102.168
Hunter-Lab	90.297, -46.874, 52.983
Binary	10111010, 11111110, 00110000

#bafe30
```
#bafe30 rgb(186,254,48)
```
#7430fe
```
#7430fe rgb(116,48,254)
```

Complementary Color

#fedb30
```
#fedb30 rgb(254,219,48)
```
#bafe30
```
#bafe30 rgb(186,254,48)
```
#53fe30
```
#53fe30 rgb(83,254,48)
```

Analogous Color

#db30fe
```
#db30fe rgb(219,48,254)
```
#bafe30
```
#bafe30 rgb(186,254,48)
```
#3053fe
```
#3053fe rgb(48,83,254)
```

Split Complementary Color

#fe30ba
```
#fe30ba rgb(254,48,186)
```
#bafe30
```
#bafe30 rgb(186,254,48)
```
#30bafe
```
#30bafe rgb(48,186,254)
```

Triadic Color

#fe7430
```
#fe7430 rgb(254,116,48)
```
#bafe30
```
#bafe30 rgb(186,254,48)
```
#30bafe
```
#30bafe rgb(48,186,254)
```
#7430fe
```
#7430fe rgb(116,48,254)
```

Tetradic Color

#97e001
```
#97e001 rgb(151,224,1)
```
#a8fa01
```
#a8fa01 rgb(168,250,1)
```
#b2fe17
```
#b2fe17 rgb(178,254,23)
```
#bafe30
```
#bafe30 rgb(186,254,48)
```
#c2fe49
```
#c2fe49 rgb(194,254,73)
```
#cbfe63
```
#cbfe63 rgb(203,254,99)
```
#d3fe7c
```
#d3fe7c rgb(211,254,124)
```

Monochromatic Color

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

#eefe30
```
#eefe30 rgb(238,254,48)
```
#dcfe30
```
#dcfe30 rgb(220,254,48)
```
#cbfe30
```
#cbfe30 rgb(203,254,48)
```
#bafe30
```
#bafe30 rgb(186,254,48)
```
#a9fe30
```
#a9fe30 rgb(169,254,48)
```
#98fe30
```
#98fe30 rgb(152,254,48)
```
#87fe30
```
#87fe30 rgb(135,254,48)
```

Similar Colors

Text with hexadecimal color #bafe30

This text has a font color of #bafe30.

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

#bafe30 background color

This paragraph has a background color of #bafe30.

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

#bafe30 border color

This element has a border color of #bafe30.

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

CSS codes

.text {color:#bafe30;}

.background {background-color:#bafe30;}

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

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

#050800
```
#050800 rgb(5,8,0)
```
#121b00
```
#121b00 rgb(18,27,0)
```
#1f2f00
```
#1f2f00 rgb(31,47,0)
```
#2d4200
```
#2d4200 rgb(45,66,0)
```
#3a5600
```
#3a5600 rgb(58,86,0)
```
#476901
```
#476901 rgb(71,105,1)
```
#547d01
```
#547d01 rgb(84,125,1)
```
#619001
```
#619001 rgb(97,144,1)
```
#6ea401
```
#6ea401 rgb(110,164,1)
```
#7bb701
```
#7bb701 rgb(123,183,1)
```
#88cb01
```
#88cb01 rgb(136,203,1)
```
#95de01
```
#95de01 rgb(149,222,1)
```
#a2f201
```
#a2f201 rgb(162,242,1)
```

Shade Color Variation

#adfe09
```
#adfe09 rgb(173,254,9)
```
#b3fe1c
```
#b3fe1c rgb(179,254,28)
```
#bafe30
```
#bafe30 rgb(186,254,48)
```
#c1fe44
```
#c1fe44 rgb(193,254,68)
```
#c7fe57
```
#c7fe57 rgb(199,254,87)
```
#cefe6b
```
#cefe6b rgb(206,254,107)
```
#d4fe7e
```
#d4fe7e rgb(212,254,126)
```
#dbfe92
```
#dbfe92 rgb(219,254,146)
```
#e1ffa5
```
#e1ffa5 rgb(225,255,165)
```
#e8ffb9
```
#e8ffb9 rgb(232,255,185)
```
#eeffcc
```
#eeffcc rgb(238,255,204)
```
#f5ffe0
```
#f5ffe0 rgb(245,255,224)
```
#fbfff3
```
#fbfff3 rgb(251,255,243)
```

Tint Color Variation

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

#999e90
```
#999e90 rgb(153,158,144)
```
#9ca688
```
#9ca688 rgb(156,166,136)
```
#9fae80
```
#9fae80 rgb(159,174,128)
```
#a2b678
```
#a2b678 rgb(162,182,120)
```
#a4be70
```
#a4be70 rgb(164,190,112)
```
#a7c668
```
#a7c668 rgb(167,198,104)
```
#aace60
```
#aace60 rgb(170,206,96)
```
#acd658
```
#acd658 rgb(172,214,88)
```
#afde50
```
#afde50 rgb(175,222,80)
```
#b2e648
```
#b2e648 rgb(178,230,72)
```
#b5ee40
```
#b5ee40 rgb(181,238,64)
```
#b7f638
```
#b7f638 rgb(183,246,56)
```
#bafe30
```
#bafe30 rgb(186,254,48)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#cddbb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffea8c Protanopia 1% of men
#ffe6c8 Deuteranopia 1% of men
#d6edfe Tritanopia 0.001% of the population

Trichromacy

#e5f16b Protanomaly 1% of men, 0.01% of women
#e5ef91 Deuteranomaly 6% of men, 0.4% of women
#ccf3b3 Tritanomaly 0.01% of the population

#bafe30 hex color

#bafe30 Color Information

#bafe30 Color Conversion

Color Schemes with #bafe30

Alternatives to #bafe30

#bafe30 Preview

Shades and Tints of #bafe30

Tones of #bafe30

Color Blindness Simulator