#bafc4f hex color

In a RGB color space, hex #bafc4f is composed of 72.9% red, 98.8% green and 31% blue. Whereas in a CMYK color space, it is composed of 26.2% cyan, 0% magenta, 68.7% yellow and 1.2% black. It has a hue angle of 82.9 degrees, a saturation of 96.6% and a lightness of 64.9%. #bafc4f color hex could be obtained by blending #ffff9e with #75f900. Closest websafe color is: #ccff66.

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

● #bafc4f color description : Soft green.

The hexadecimal color #bafc4f has RGB values of R:186, G:252, B:79 and CMYK values of C:0.26, M:0, Y:0.69, K:0.01. Its decimal value is 12254287.

Hex triplet	bafc4f	`#bafc4f`
RGB Decimal	186, 252, 79	`rgb(186,252,79)`
RGB Percent	72.9, 98.8, 31	`rgb(72.9%,98.8%,31%)`
CMYK	26, 0, 69, 1
HSL	82.9°, 96.6, 64.9	`hsl(82.9,96.6%,64.9%)`
HSV (or HSB)	82.9°, 68.7, 98.8
Web Safe	ccff66	`#ccff66`

CIE-LAB	91.964, -45.024, 72.486
XYZ	56.47, 80.623, 19.983
xyY	0.36, 0.513, 80.623
CIE-LCH	91.964, 85.331, 121.846
CIE-LUV	91.964, -32.832, 94.417
Hunter-Lab	89.79, -44.872, 49.658
Binary	10111010, 11111100, 01001111

#bafc4f
```
#bafc4f rgb(186,252,79)
```
#914ffc
```
#914ffc rgb(145,79,252)
```

Complementary Color

#fce84f
```
#fce84f rgb(252,232,79)
```
#bafc4f
```
#bafc4f rgb(186,252,79)
```
#64fc4f
```
#64fc4f rgb(100,252,79)
```

Analogous Color

#e84ffc
```
#e84ffc rgb(232,79,252)
```
#bafc4f
```
#bafc4f rgb(186,252,79)
```
#4f64fc
```
#4f64fc rgb(79,100,252)
```

Split Complementary Color

#fc4fba
```
#fc4fba rgb(252,79,186)
```
#bafc4f
```
#bafc4f rgb(186,252,79)
```
#4fbafc
```
#4fbafc rgb(79,186,252)
```

Triadic Color

#fc914f
```
#fc914f rgb(252,145,79)
```
#bafc4f
```
#bafc4f rgb(186,252,79)
```
#4fbafc
```
#4fbafc rgb(79,186,252)
```
#914ffc
```
#914ffc rgb(145,79,252)
```

Tetradic Color

#9cfa04
```
#9cfa04 rgb(156,250,4)
```
#a6fb1d
```
#a6fb1d rgb(166,251,29)
```
#b0fc36
```
#b0fc36 rgb(176,252,54)
```
#bafc4f
```
#bafc4f rgb(186,252,79)
```
#c4fc68
```
#c4fc68 rgb(196,252,104)
```
#cefd81
```
#cefd81 rgb(206,253,129)
```
#d7fd9a
```
#d7fd9a rgb(215,253,154)
```

Monochromatic Color

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

#e5fc4f
```
#e5fc4f rgb(229,252,79)
```
#d7fc4f
```
#d7fc4f rgb(215,252,79)
```
#c8fc4f
```
#c8fc4f rgb(200,252,79)
```
#bafc4f
```
#bafc4f rgb(186,252,79)
```
#acfc4f
```
#acfc4f rgb(172,252,79)
```
#9dfc4f
```
#9dfc4f rgb(157,252,79)
```
#8ffc4f
```
#8ffc4f rgb(143,252,79)
```

Similar Colors

Text with hexadecimal color #bafc4f

This text has a font color of #bafc4f.

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

#bafc4f background color

This paragraph has a background color of #bafc4f.

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

#bafc4f border color

This element has a border color of #bafc4f.

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

CSS codes

.text {color:#bafc4f;}

.background {background-color:#bafc4f;}

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

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

#0b1100
```
#0b1100 rgb(11,17,0)
```
#172401
```
#172401 rgb(23,36,1)
```
#233701
```
#233701 rgb(35,55,1)
```
#2f4b01
```
#2f4b01 rgb(47,75,1)
```
#3b5e02
```
#3b5e02 rgb(59,94,2)
```
#477102
```
#477102 rgb(71,113,2)
```
#538502
```
#538502 rgb(83,133,2)
```
#5f9803
```
#5f9803 rgb(95,152,3)
```
#6bab03
```
#6bab03 rgb(107,171,3)
```
#77be03
```
#77be03 rgb(119,190,3)
```
#83d204
```
#83d204 rgb(131,210,4)
```
#8fe504
```
#8fe504 rgb(143,229,4)
```
#9bf804
```
#9bf804 rgb(155,248,4)
```

Shade Color Variation

#a3fb15
```
#a3fb15 rgb(163,251,21)
```
#abfb28
```
#abfb28 rgb(171,251,40)
```
#b2fc3c
```
#b2fc3c rgb(178,252,60)
```
#bafc4f
```
#bafc4f rgb(186,252,79)
```
#c2fc62
```
#c2fc62 rgb(194,252,98)
```
#c9fd76
```
#c9fd76 rgb(201,253,118)
```
#d1fd89
```
#d1fd89 rgb(209,253,137)
```
#d8fd9c
```
#d8fd9c rgb(216,253,156)
```
#e0feaf
```
#e0feaf rgb(224,254,175)
```
#e7fec3
```
#e7fec3 rgb(231,254,195)
```
#effed6
```
#effed6 rgb(239,254,214)
```
#f6ffe9
```
#f6ffe9 rgb(246,255,233)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#a6a9a2
```
#a6a9a2 rgb(166,169,162)
```
#a8b09b
```
#a8b09b rgb(168,176,155)
```
#aab794
```
#aab794 rgb(170,183,148)
```
#abbe8d
```
#abbe8d rgb(171,190,141)
```
#adc586
```
#adc586 rgb(173,197,134)
```
#afcc7f
```
#afcc7f rgb(175,204,127)
```
#b0d378
```
#b0d378 rgb(176,211,120)
```
#b2da71
```
#b2da71 rgb(178,218,113)
```
#b3e06b
```
#b3e06b rgb(179,224,107)
```
#b5e764
```
#b5e764 rgb(181,231,100)
```
#b7ee5d
```
#b7ee5d rgb(183,238,93)
```
#b8f556
```
#b8f556 rgb(184,245,86)
```
#bafc4f
```
#bafc4f rgb(186,252,79)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#d0ddba Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe984 Protanopia 1% of men
#ffe5c6 Deuteranopia 1% of men
#d5ecfd Tritanopia 0.001% of the population

Trichromacy

#e5f071 Protanomaly 1% of men, 0.01% of women
#e5ed9b Deuteranomaly 6% of men, 0.4% of women
#cbf2be Tritanomaly 0.01% of the population

#bafc4f hex color

#bafc4f Color Information

#bafc4f Color Conversion

Color Schemes with #bafc4f

Alternatives to #bafc4f

#bafc4f Preview

Shades and Tints of #bafc4f

Tones of #bafc4f

Color Blindness Simulator