#bafa2a hex color

In a RGB color space, hex #bafa2a is composed of 72.9% red, 98% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 25.6% cyan, 0% magenta, 83.2% yellow and 2% black. It has a hue angle of 78.5 degrees, a saturation of 95.4% and a lightness of 57.3%. #bafa2a color hex could be obtained by blending #ffff54 with #75f500. Closest websafe color is: #ccff33.

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

● #bafa2a color description : Bright green.

The hexadecimal color #bafa2a has RGB values of R:186, G:250, B:42 and CMYK values of C:0.26, M:0, Y:0.83, K:0.02. Its decimal value is 12253738.

Hex triplet	bafa2a	`#bafa2a`
RGB Decimal	186, 250, 42	`rgb(186,250,42)`
RGB Percent	72.9, 98, 16.5	`rgb(72.9%,98%,16.5%)`
CMYK	26, 0, 83, 2
HSL	78.5°, 95.4, 57.3	`hsl(78.5,95.4%,57.3%)`
HSV (or HSB)	78.5°, 83.2, 98
Web Safe	ccff33	`#ccff33`

CIE-LAB	91.224, -45.887, 82.631
XYZ	54.852, 78.976, 14.544
xyY	0.37, 0.532, 78.976
CIE-LCH	91.224, 94.517, 119.045
CIE-LUV	91.224, -31.835, 101.527
Hunter-Lab	88.869, -45.344, 52.504
Binary	10111010, 11111010, 00101010

#bafa2a
```
#bafa2a rgb(186,250,42)
```
#6a2afa
```
#6a2afa rgb(106,42,250)
```

Complementary Color

#fad22a
```
#fad22a rgb(250,210,42)
```
#bafa2a
```
#bafa2a rgb(186,250,42)
```
#52fa2a
```
#52fa2a rgb(82,250,42)
```

Analogous Color

#d22afa
```
#d22afa rgb(210,42,250)
```
#bafa2a
```
#bafa2a rgb(186,250,42)
```
#2a52fa
```
#2a52fa rgb(42,82,250)
```

Split Complementary Color

#fa2aba
```
#fa2aba rgb(250,42,186)
```
#bafa2a
```
#bafa2a rgb(186,250,42)
```
#2abafa
```
#2abafa rgb(42,186,250)
```

Triadic Color

#fa6a2a
```
#fa6a2a rgb(250,106,42)
```
#bafa2a
```
#bafa2a rgb(186,250,42)
```
#2abafa
```
#2abafa rgb(42,186,250)
```
#6a2afa
```
#6a2afa rgb(106,42,250)
```

Tetradic Color

#93d305
```
#93d305 rgb(147,211,5)
```
#a5eb06
```
#a5eb06 rgb(165,235,6)
```
#b2f911
```
#b2f911 rgb(178,249,17)
```
#bafa2a
```
#bafa2a rgb(186,250,42)
```
#c2fb43
```
#c2fb43 rgb(194,251,67)
```
#cafb5c
```
#cafb5c rgb(202,251,92)
```
#d2fc75
```
#d2fc75 rgb(210,252,117)
```

Monochromatic Color

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

#eefa2a
```
#eefa2a rgb(238,250,42)
```
#ddfa2a
```
#ddfa2a rgb(221,250,42)
```
#cbfa2a
```
#cbfa2a rgb(203,250,42)
```
#bafa2a
```
#bafa2a rgb(186,250,42)
```
#a9fa2a
```
#a9fa2a rgb(169,250,42)
```
#97fa2a
```
#97fa2a rgb(151,250,42)
```
#86fa2a
```
#86fa2a rgb(134,250,42)
```

Similar Colors

Text with hexadecimal color #bafa2a

This text has a font color of #bafa2a.

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

#bafa2a background color

This paragraph has a background color of #bafa2a.

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

#bafa2a border color

This element has a border color of #bafa2a.

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

CSS codes

.text {color:#bafa2a;}

.background {background-color:#bafa2a;}

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

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

#0c1100
```
#0c1100 rgb(12,17,0)
```
#192401
```
#192401 rgb(25,36,1)
```
#273701
```
#273701 rgb(39,55,1)
```
#344a02
```
#344a02 rgb(52,74,2)
```
#425e02
```
#425e02 rgb(66,94,2)
```
#4f7103
```
#4f7103 rgb(79,113,3)
```
#5c8403
```
#5c8403 rgb(92,132,3)
```
#6a9704
```
#6a9704 rgb(106,151,4)
```
#77aa04
```
#77aa04 rgb(119,170,4)
```
#85bd04
```
#85bd04 rgb(133,189,4)
```
#92d105
```
#92d105 rgb(146,209,5)
```
#9fe405
```
#9fe405 rgb(159,228,5)
```
#adf706
```
#adf706 rgb(173,247,6)
```

Shade Color Variation

#b4fa17
```
#b4fa17 rgb(180,250,23)
```
#bafa2a
```
#bafa2a rgb(186,250,42)
```
#c0fa3d
```
#c0fa3d rgb(192,250,61)
```
#c6fb50
```
#c6fb50 rgb(198,251,80)
```
#cdfb63
```
#cdfb63 rgb(205,251,99)
```
#d3fc77
```
#d3fc77 rgb(211,252,119)
```
#d9fc8a
```
#d9fc8a rgb(217,252,138)
```
#dffd9d
```
#dffd9d rgb(223,253,157)
```
#e5fdb0
```
#e5fdb0 rgb(229,253,176)
```
#ecfec3
```
#ecfec3 rgb(236,254,195)
```
#f2fed6
```
#f2fed6 rgb(242,254,214)
```
#f8feea
```
#f8feea rgb(248,254,234)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#93958f
```
#93958f rgb(147,149,143)
```
#979e86
```
#979e86 rgb(151,158,134)
```
#9aa67e
```
#9aa67e rgb(154,166,126)
```
#9daf75
```
#9daf75 rgb(157,175,117)
```
#a0b76d
```
#a0b76d rgb(160,183,109)
```
#a3bf65
```
#a3bf65 rgb(163,191,101)
```
#a7c85c
```
#a7c85c rgb(167,200,92)
```
#aad054
```
#aad054 rgb(170,208,84)
```
#add84c
```
#add84c rgb(173,216,76)
```
#b0e143
```
#b0e143 rgb(176,225,67)
```
#b4e93b
```
#b4e93b rgb(180,233,59)
```
#b7f232
```
#b7f232 rgb(183,242,50)
```
#bafa2a
```
#bafa2a rgb(186,250,42)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#cbd8ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe76e Protanopia 1% of men
#ffe2bf Deuteranopia 1% of men
#d5e9fa Tritanopia 0.001% of the population

Trichromacy

#e5ee55 Protanomaly 1% of men, 0.01% of women
#e5eb89 Deuteranomaly 6% of men, 0.4% of women
#cbefae Tritanomaly 0.01% of the population

#bafa2a hex color

#bafa2a Color Information

#bafa2a Color Conversion

Color Schemes with #bafa2a

Alternatives to #bafa2a

#bafa2a Preview

Shades and Tints of #bafa2a

Tones of #bafa2a

Color Blindness Simulator