#bafc3a hex color

In a RGB color space, hex #bafc3a is composed of 72.9% red, 98.8% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 26.2% cyan, 0% magenta, 77% yellow and 1.2% black. It has a hue angle of 80.4 degrees, a saturation of 97% and a lightness of 60.8%. #bafc3a color hex could be obtained by blending #ffff74 with #75f900. Closest websafe color is: #ccff33.

♥
- f
- t
- g
- R 73
- G 99
- B 23
RGB color chart
- C 26
- M 0
- Y 77
- K 1
CMYK color chart

● #bafc3a color description : Bright green.

The hexadecimal color #bafc3a has RGB values of R:186, G:252, B:58 and CMYK values of C:0.26, M:0, Y:0.77, K:0.01. Its decimal value is 12254266.

Hex triplet	bafc3a	`#bafc3a`
RGB Decimal	186, 252, 58	`rgb(186,252,58)`
RGB Percent	72.9, 98.8, 22.7	`rgb(72.9%,98.8%,22.7%)`
CMYK	26, 0, 77, 1
HSL	80.4°, 97, 60.8	`hsl(80.4,97%,60.8%)`
HSV (or HSB)	80.4°, 77, 98.8
Web Safe	ccff33	`#ccff33`

CIE-LAB	91.848, -46.138, 79.159
XYZ	55.823, 80.364, 16.574
xyY	0.365, 0.526, 80.364
CIE-LCH	91.848, 91.623, 120.236
CIE-LUV	91.848, -32.858, 99.534
Hunter-Lab	89.646, -45.728, 51.791
Binary	10111010, 11111100, 00111010

#bafc3a
```
#bafc3a rgb(186,252,58)
```
#7c3afc
```
#7c3afc rgb(124,58,252)
```

Complementary Color

#fcdd3a
```
#fcdd3a rgb(252,221,58)
```
#bafc3a
```
#bafc3a rgb(186,252,58)
```
#59fc3a
```
#59fc3a rgb(89,252,58)
```

Analogous Color

#dd3afc
```
#dd3afc rgb(221,58,252)
```
#bafc3a
```
#bafc3a rgb(186,252,58)
```
#3a59fc
```
#3a59fc rgb(58,89,252)
```

Split Complementary Color

#fc3aba
```
#fc3aba rgb(252,58,186)
```
#bafc3a
```
#bafc3a rgb(186,252,58)
```
#3abafc
```
#3abafc rgb(58,186,252)
```

Triadic Color

#fc7c3a
```
#fc7c3a rgb(252,124,58)
```
#bafc3a
```
#bafc3a rgb(186,252,58)
```
#3abafc
```
#3abafc rgb(58,186,252)
```
#7c3afc
```
#7c3afc rgb(124,58,252)
```

Tetradic Color

#99e604
```
#99e604 rgb(153,230,4)
```
#a8fb08
```
#a8fb08 rgb(168,251,8)
```
#b1fc21
```
#b1fc21 rgb(177,252,33)
```
#bafc3a
```
#bafc3a rgb(186,252,58)
```
#c3fc53
```
#c3fc53 rgb(195,252,83)
```
#ccfd6c
```
#ccfd6c rgb(204,253,108)
```
#d4fd85
```
#d4fd85 rgb(212,253,133)
```

Monochromatic Color

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

#ebfc3a
```
#ebfc3a rgb(235,252,58)
```
#dafc3a
```
#dafc3a rgb(218,252,58)
```
#cafc3a
```
#cafc3a rgb(202,252,58)
```
#bafc3a
```
#bafc3a rgb(186,252,58)
```
#aafc3a
```
#aafc3a rgb(170,252,58)
```
#9afc3a
```
#9afc3a rgb(154,252,58)
```
#8afc3a
```
#8afc3a rgb(138,252,58)
```

Similar Colors

Text with hexadecimal color #bafc3a

This text has a font color of #bafc3a.

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

#bafc3a background color

This paragraph has a background color of #bafc3a.

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

#bafc3a border color

This element has a border color of #bafc3a.

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

CSS codes

.text {color:#bafc3a;}

.background {background-color:#bafc3a;}

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

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

#0a1000
```
#0a1000 rgb(10,16,0)
```
#172301
```
#172301 rgb(23,35,1)
```
#243601
```
#243601 rgb(36,54,1)
```
#314901
```
#314901 rgb(49,73,1)
```
#3e5d01
```
#3e5d01 rgb(62,93,1)
```
#4b7002
```
#4b7002 rgb(75,112,2)
```
#578302
```
#578302 rgb(87,131,2)
```
#649702
```
#649702 rgb(100,151,2)
```
#71aa03
```
#71aa03 rgb(113,170,3)
```
#7ebd03
```
#7ebd03 rgb(126,189,3)
```
#8bd103
```
#8bd103 rgb(139,209,3)
```
#98e403
```
#98e403 rgb(152,228,3)
```
#a5f704
```
#a5f704 rgb(165,247,4)
```

Shade Color Variation

#acfb13
```
#acfb13 rgb(172,251,19)
```
#b3fc27
```
#b3fc27 rgb(179,252,39)
```
#bafc3a
```
#bafc3a rgb(186,252,58)
```
#c1fc4d
```
#c1fc4d rgb(193,252,77)
```
#c8fd61
```
#c8fd61 rgb(200,253,97)
```
#cefd74
```
#cefd74 rgb(206,253,116)
```
#d5fd87
```
#d5fd87 rgb(213,253,135)
```
#dcfd9b
```
#dcfd9b rgb(220,253,155)
```
#e3feae
```
#e3feae rgb(227,254,174)
```
#e9fec1
```
#e9fec1 rgb(233,254,193)
```
#f0fed5
```
#f0fed5 rgb(240,254,213)
```
#f7ffe8
```
#f7ffe8 rgb(247,255,232)
```
#fefffb
```
#fefffb rgb(254,255,251)
```

Tint Color Variation

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

#9ca096
```
#9ca096 rgb(156,160,150)
```
#9fa78f
```
#9fa78f rgb(159,167,143)
```
#a1af87
```
#a1af87 rgb(161,175,135)
```
#a4b77f
```
#a4b77f rgb(164,183,127)
```
#a6be78
```
#a6be78 rgb(166,190,120)
```
#a9c670
```
#a9c670 rgb(169,198,112)
```
#abce68
```
#abce68 rgb(171,206,104)
```
#aed660
```
#aed660 rgb(174,214,96)
```
#b0dd59
```
#b0dd59 rgb(176,221,89)
```
#b3e551
```
#b3e551 rgb(179,229,81)
```
#b5ed49
```
#b5ed49 rgb(181,237,73)
```
#b8f442
```
#b8f442 rgb(184,244,66)
```
#bafc3a
```
#bafc3a rgb(186,252,58)
```

Tone Color Variation

Below, you can see how #bafc3a 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
#cddab4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe980 Protanopia 1% of men
#ffe4c4 Deuteranopia 1% of men
#d5ebfc Tritanopia 0.001% of the population

Trichromacy

#e5f067 Protanomaly 1% of men, 0.01% of women
#e5ed92 Deuteranomaly 6% of men, 0.4% of women
#cbf1b6 Tritanomaly 0.01% of the population

#bafc3a hex color

#bafc3a Color Information

#bafc3a Color Conversion

Color Schemes with #bafc3a

Alternatives to #bafc3a

#bafc3a Preview

Shades and Tints of #bafc3a

Tones of #bafc3a

Color Blindness Simulator