#bafe2a hex color

In a RGB color space, hex #bafe2a is composed of 72.9% red, 99.6% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 0% magenta, 83.5% yellow and 0.4% black. It has a hue angle of 79.2 degrees, a saturation of 99.1% and a lightness of 58%. #bafe2a color hex could be obtained by blending #ffff54 with #75fd00. Closest websafe color is: #ccff33.

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

● #bafe2a color description : Bright green.

The hexadecimal color #bafe2a has RGB values of R:186, G:254, B:42 and CMYK values of C:0.27, M:0, Y:0.83, K:0. Its decimal value is 12254762.

Hex triplet	bafe2a	`#bafe2a`
RGB Decimal	186, 254, 42	`rgb(186,254,42)`
RGB Percent	72.9, 99.6, 16.5	`rgb(72.9%,99.6%,16.5%)`
CMYK	27, 0, 83, 0
HSL	79.2°, 99.1, 58	`hsl(79.2,99.1%,58%)`
HSV (or HSB)	79.2°, 83.5, 99.6
Web Safe	ccff33	`#ccff33`

CIE-LAB	92.349, -47.583, 83.599
XYZ	56.108, 81.488, 14.963
xyY	0.368, 0.534, 81.488
CIE-LCH	92.349, 96.192, 119.648
CIE-LUV	92.349, -33.905, 103.091
Hunter-Lab	90.271, -47.026, 53.362
Binary	10111010, 11111110, 00101010

#bafe2a
```
#bafe2a rgb(186,254,42)
```
#6e2afe
```
#6e2afe rgb(110,42,254)
```

Complementary Color

#fed82a
```
#fed82a rgb(254,216,42)
```
#bafe2a
```
#bafe2a rgb(186,254,42)
```
#50fe2a
```
#50fe2a rgb(80,254,42)
```

Analogous Color

#d82afe
```
#d82afe rgb(216,42,254)
```
#bafe2a
```
#bafe2a rgb(186,254,42)
```
#2a50fe
```
#2a50fe rgb(42,80,254)
```

Split Complementary Color

#fe2aba
```
#fe2aba rgb(254,42,186)
```
#bafe2a
```
#bafe2a rgb(186,254,42)
```
#2abafe
```
#2abafe rgb(42,186,254)
```

Triadic Color

#fe6e2a
```
#fe6e2a rgb(254,110,42)
```
#bafe2a
```
#bafe2a rgb(186,254,42)
```
#2abafe
```
#2abafe rgb(42,186,254)
```
#6e2afe
```
#6e2afe rgb(110,42,254)
```

Tetradic Color

#95da01
```
#95da01 rgb(149,218,1)
```
#a6f401
```
#a6f401 rgb(166,244,1)
```
#b2fe11
```
#b2fe11 rgb(178,254,17)
```
#bafe2a
```
#bafe2a rgb(186,254,42)
```
#c2fe43
```
#c2fe43 rgb(194,254,67)
```
#cafe5d
```
#cafe5d rgb(202,254,93)
```
#d3fe76
```
#d3fe76 rgb(211,254,118)
```

Monochromatic Color

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

#effe2a
```
#effe2a rgb(239,254,42)
```
#ddfe2a
```
#ddfe2a rgb(221,254,42)
```
#ccfe2a
```
#ccfe2a rgb(204,254,42)
```
#bafe2a
```
#bafe2a rgb(186,254,42)
```
#a8fe2a
```
#a8fe2a rgb(168,254,42)
```
#97fe2a
```
#97fe2a rgb(151,254,42)
```
#85fe2a
```
#85fe2a rgb(133,254,42)
```

Similar Colors

Text with hexadecimal color #bafe2a

This text has a font color of #bafe2a.

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

#bafe2a background color

This paragraph has a background color of #bafe2a.

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

#bafe2a border color

This element has a border color of #bafe2a.

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

CSS codes

.text {color:#bafe2a;}

.background {background-color:#bafe2a;}

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

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

#010200
```
#010200 rgb(1,2,0)
```
#0e1500
```
#0e1500 rgb(14,21,0)
```
#1c2900
```
#1c2900 rgb(28,41,0)
```
#293c00
```
#293c00 rgb(41,60,0)
```
#365000
```
#365000 rgb(54,80,0)
```
#446300
```
#446300 rgb(68,99,0)
```
#517701
```
#517701 rgb(81,119,1)
```
#5e8a01
```
#5e8a01 rgb(94,138,1)
```
#6c9e01
```
#6c9e01 rgb(108,158,1)
```
#79b101
```
#79b101 rgb(121,177,1)
```
#86c501
```
#86c501 rgb(134,197,1)
```
#93d901
```
#93d901 rgb(147,217,1)
```
#a1ec01
```
#a1ec01 rgb(161,236,1)
```

Shade Color Variation

#adfe03
```
#adfe03 rgb(173,254,3)
```
#b4fe16
```
#b4fe16 rgb(180,254,22)
```
#bafe2a
```
#bafe2a rgb(186,254,42)
```
#c0fe3e
```
#c0fe3e rgb(192,254,62)
```
#c7fe51
```
#c7fe51 rgb(199,254,81)
```
#cdfe65
```
#cdfe65 rgb(205,254,101)
```
#d3fe78
```
#d3fe78 rgb(211,254,120)
```
#dafe8c
```
#dafe8c rgb(218,254,140)
```
#e0ff9f
```
#e0ff9f rgb(224,255,159)
```
#e6ffb3
```
#e6ffb3 rgb(230,255,179)
```
#edffc6
```
#edffc6 rgb(237,255,198)
```
#f3ffda
```
#f3ffda rgb(243,255,218)
```
#f9ffed
```
#f9ffed rgb(249,255,237)
```

Tint Color Variation

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

#979b8d
```
#979b8d rgb(151,155,141)
```
#9aa385
```
#9aa385 rgb(154,163,133)
```
#9cac7c
```
#9cac7c rgb(156,172,124)
```
#9fb474
```
#9fb474 rgb(159,180,116)
```
#a2bc6c
```
#a2bc6c rgb(162,188,108)
```
#a5c464
```
#a5c464 rgb(165,196,100)
```
#a8cd5b
```
#a8cd5b rgb(168,205,91)
```
#abd553
```
#abd553 rgb(171,213,83)
```
#aedd4b
```
#aedd4b rgb(174,221,75)
```
#b1e543
```
#b1e543 rgb(177,229,67)
```
#b4ee3a
```
#b4ee3a rgb(180,238,58)
```
#b7f632
```
#b7f632 rgb(183,246,50)
```
#bafe2a
```
#bafe2a rgb(186,254,42)
```

Tone Color Variation

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

#e5f168 Protanomaly 1% of men, 0.01% of women
#e5ef8e Deuteranomaly 6% of men, 0.4% of women
#ccf3b1 Tritanomaly 0.01% of the population

#bafe2a hex color

#bafe2a Color Information

#bafe2a Color Conversion

Color Schemes with #bafe2a

Alternatives to #bafe2a

#bafe2a Preview

Shades and Tints of #bafe2a

Tones of #bafe2a

Color Blindness Simulator