#bafa4f hex color

In a RGB color space, hex #bafa4f is composed of 72.9% red, 98% green and 31% blue. Whereas in a CMYK color space, it is composed of 25.6% cyan, 0% magenta, 68.4% yellow and 2% black. It has a hue angle of 82.5 degrees, a saturation of 94.5% and a lightness of 64.5%. #bafa4f color hex could be obtained by blending #ffff9e with #75f500. Closest websafe color is: #ccff66.

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

● #bafa4f color description : Soft green.

The hexadecimal color #bafa4f has RGB values of R:186, G:250, B:79 and CMYK values of C:0.26, M:0, Y:0.68, K:0.02. Its decimal value is 12253775.

Hex triplet	bafa4f	`#bafa4f`
RGB Decimal	186, 250, 79	`rgb(186,250,79)`
RGB Percent	72.9, 98, 31	`rgb(72.9%,98%,31%)`
CMYK	26, 0, 68, 2
HSL	82.5°, 94.5, 64.5	`hsl(82.5,94.5%,64.5%)`
HSV (or HSB)	82.5°, 68.4, 98
Web Safe	ccff66	`#ccff66`

CIE-LAB	91.403, -44.163, 71.916
XYZ	55.845, 79.373, 19.775
xyY	0.36, 0.512, 79.373
CIE-LCH	91.403, 84.394, 121.554
CIE-LUV	91.403, -31.806, 93.565
Hunter-Lab	89.092, -44.021, 49.204
Binary	10111010, 11111010, 01001111

#bafa4f
```
#bafa4f rgb(186,250,79)
```
#8f4ffa
```
#8f4ffa rgb(143,79,250)
```

Complementary Color

#fae54f
```
#fae54f rgb(250,229,79)
```
#bafa4f
```
#bafa4f rgb(186,250,79)
```
#65fa4f
```
#65fa4f rgb(101,250,79)
```

Analogous Color

#e54ffa
```
#e54ffa rgb(229,79,250)
```
#bafa4f
```
#bafa4f rgb(186,250,79)
```
#4f65fa
```
#4f65fa rgb(79,101,250)
```

Split Complementary Color

#fa4fba
```
#fa4fba rgb(250,79,186)
```
#bafa4f
```
#bafa4f rgb(186,250,79)
```
#4fbafa
```
#4fbafa rgb(79,186,250)
```

Triadic Color

#fa8f4f
```
#fa8f4f rgb(250,143,79)
```
#bafa4f
```
#bafa4f rgb(186,250,79)
```
#4fbafa
```
#4fbafa rgb(79,186,250)
```
#8f4ffa
```
#8f4ffa rgb(143,79,250)
```

Tetradic Color

#9cf607
```
#9cf607 rgb(156,246,7)
```
#a7f91d
```
#a7f91d rgb(167,249,29)
```
#b0f936
```
#b0f936 rgb(176,249,54)
```
#bafa4f
```
#bafa4f rgb(186,250,79)
```
#c4fb68
```
#c4fb68 rgb(196,251,104)
```
#cdfb81
```
#cdfb81 rgb(205,251,129)
```
#d7fc99
```
#d7fc99 rgb(215,252,153)
```

Monochromatic Color

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

#e5fa4f
```
#e5fa4f rgb(229,250,79)
```
#d7fa4f
```
#d7fa4f rgb(215,250,79)
```
#c8fa4f
```
#c8fa4f rgb(200,250,79)
```
#bafa4f
```
#bafa4f rgb(186,250,79)
```
#acfa4f
```
#acfa4f rgb(172,250,79)
```
#9efa4f
```
#9efa4f rgb(158,250,79)
```
#8ffa4f
```
#8ffa4f rgb(143,250,79)
```

Similar Colors

Text with hexadecimal color #bafa4f

This text has a font color of #bafa4f.

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

#bafa4f background color

This paragraph has a background color of #bafa4f.

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

#bafa4f border color

This element has a border color of #bafa4f.

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

CSS codes

.text {color:#bafa4f;}

.background {background-color:#bafa4f;}

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

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, #090f00 is the darkest color, while #fdfffb is the lightest one.

#090f00
```
#090f00 rgb(9,15,0)
```
#162201
```
#162201 rgb(22,34,1)
```
#223502
```
#223502 rgb(34,53,2)
```
#2e4802
```
#2e4802 rgb(46,72,2)
```
#3a5b03
```
#3a5b03 rgb(58,91,3)
```
#466e03
```
#466e03 rgb(70,110,3)
```
#528104
```
#528104 rgb(82,129,4)
```
#5e9404
```
#5e9404 rgb(94,148,4)
```
#6aa705
```
#6aa705 rgb(106,167,5)
```
#77ba05
```
#77ba05 rgb(119,186,5)
```
#83cd06
```
#83cd06 rgb(131,205,6)
```
#8fe106
```
#8fe106 rgb(143,225,6)
```
#9bf407
```
#9bf407 rgb(155,244,7)
```

Shade Color Variation

#a4f816
```
#a4f816 rgb(164,248,22)
```
#abf929
```
#abf929 rgb(171,249,41)
```
#b3f93c
```
#b3f93c rgb(179,249,60)
```
#bafa4f
```
#bafa4f rgb(186,250,79)
```
#c1fb62
```
#c1fb62 rgb(193,251,98)
```
#c9fb75
```
#c9fb75 rgb(201,251,117)
```
#d0fc88
```
#d0fc88 rgb(208,252,136)
```
#d8fc9b
```
#d8fc9b rgb(216,252,155)
```
#dffdae
```
#dffdae rgb(223,253,174)
```
#e7fdc1
```
#e7fdc1 rgb(231,253,193)
```
#eefed5
```
#eefed5 rgb(238,254,213)
```
#f6fee8
```
#f6fee8 rgb(246,254,232)
```
#fdfffb
```
#fdfffb rgb(253,255,251)
```

Tint Color Variation

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

#a5a6a3
```
#a5a6a3 rgb(165,166,163)
```
#a7ad9c
```
#a7ad9c rgb(167,173,156)
```
#a8b495
```
#a8b495 rgb(168,180,149)
```
#aabb8e
```
#aabb8e rgb(170,187,142)
```
#acc287
```
#acc287 rgb(172,194,135)
```
#aec980
```
#aec980 rgb(174,201,128)
```
#afd079
```
#afd079 rgb(175,208,121)
```
#b1d772
```
#b1d772 rgb(177,215,114)
```
#b3de6b
```
#b3de6b rgb(179,222,107)
```
#b5e564
```
#b5e564 rgb(181,229,100)
```
#b6ec5d
```
#b6ec5d rgb(182,236,93)
```
#b8f356
```
#b8f356 rgb(184,243,86)
```
#bafa4f
```
#bafa4f rgb(186,250,79)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#cedbb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe775 Protanopia 1% of men
#ffe3c2 Deuteranopia 1% of men
#d4eafb Tritanopia 0.001% of the population

Trichromacy

#e5ee67 Protanomaly 1% of men, 0.01% of women
#e5eb98 Deuteranomaly 6% of men, 0.4% of women
#cbf0bc Tritanomaly 0.01% of the population

#bafa4f hex color

#bafa4f Color Information

#bafa4f Color Conversion

Color Schemes with #bafa4f

Alternatives to #bafa4f

#bafa4f Preview

Shades and Tints of #bafa4f

Tones of #bafa4f

Color Blindness Simulator