#bafd3f hex color

In a RGB color space, hex #bafd3f is composed of 72.9% red, 99.2% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 0% magenta, 75.1% yellow and 0.8% black. It has a hue angle of 81.2 degrees, a saturation of 97.9% and a lightness of 62%. #bafd3f color hex could be obtained by blending #ffff7e with #75fb00. Closest websafe color is: #ccff33.

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

● #bafd3f color description : Bright green.

The hexadecimal color #bafd3f has RGB values of R:186, G:253, B:63 and CMYK values of C:0.26, M:0, Y:0.75, K:0.01. Its decimal value is 12254527.

Hex triplet	bafd3f	`#bafd3f`
RGB Decimal	186, 253, 63	`rgb(186,253,63)`
RGB Percent	72.9, 99.2, 24.7	`rgb(72.9%,99.2%,24.7%)`
CMYK	26, 0, 75, 1
HSL	81.2°, 97.9, 62	`hsl(81.2,97.9%,62%)`
HSV (or HSB)	81.2°, 75.1, 99.2
Web Safe	ccff33	`#ccff33`

CIE-LAB	92.153, -46.333, 77.976
XYZ	56.271, 81.047, 17.381
xyY	0.364, 0.524, 81.047
CIE-LCH	92.153, 90.703, 120.719
CIE-LUV	92.153, -33.366, 98.879
Hunter-Lab	90.026, -45.974, 51.571
Binary	10111010, 11111101, 00111111

#bafd3f
```
#bafd3f rgb(186,253,63)
```
#823ffd
```
#823ffd rgb(130,63,253)
```

Complementary Color

#fde13f
```
#fde13f rgb(253,225,63)
```
#bafd3f
```
#bafd3f rgb(186,253,63)
```
#5bfd3f
```
#5bfd3f rgb(91,253,63)
```

Analogous Color

#e13ffd
```
#e13ffd rgb(225,63,253)
```
#bafd3f
```
#bafd3f rgb(186,253,63)
```
#3f5bfd
```
#3f5bfd rgb(63,91,253)
```

Split Complementary Color

#fd3fba
```
#fd3fba rgb(253,63,186)
```
#bafd3f
```
#bafd3f rgb(186,253,63)
```
#3fbafd
```
#3fbafd rgb(63,186,253)
```

Triadic Color

#fd823f
```
#fd823f rgb(253,130,63)
```
#bafd3f
```
#bafd3f rgb(186,253,63)
```
#3fbafd
```
#3fbafd rgb(63,186,253)
```
#823ffd
```
#823ffd rgb(130,63,253)
```

Tetradic Color

#9aed02
```
#9aed02 rgb(154,237,2)
```
#a8fc0d
```
#a8fc0d rgb(168,252,13)
```
#b1fd26
```
#b1fd26 rgb(177,253,38)
```
#bafd3f
```
#bafd3f rgb(186,253,63)
```
#c3fd58
```
#c3fd58 rgb(195,253,88)
```
#ccfe71
```
#ccfe71 rgb(204,254,113)
```
#d5fe8b
```
#d5fe8b rgb(213,254,139)
```

Monochromatic Color

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

#eafd3f
```
#eafd3f rgb(234,253,63)
```
#dafd3f
```
#dafd3f rgb(218,253,63)
```
#cafd3f
```
#cafd3f rgb(202,253,63)
```
#bafd3f
```
#bafd3f rgb(186,253,63)
```
#aafd3f
```
#aafd3f rgb(170,253,63)
```
#9afd3f
```
#9afd3f rgb(154,253,63)
```
#8bfd3f
```
#8bfd3f rgb(139,253,63)
```

Similar Colors

Text with hexadecimal color #bafd3f

This text has a font color of #bafd3f.

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

#bafd3f background color

This paragraph has a background color of #bafd3f.

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

#bafd3f border color

This element has a border color of #bafd3f.

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

CSS codes

.text {color:#bafd3f;}

.background {background-color:#bafd3f;}

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

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 #f9ffee is the lightest one.

#010200
```
#010200 rgb(1,2,0)
```
#0e1600
```
#0e1600 rgb(14,22,0)
```
#1b2900
```
#1b2900 rgb(27,41,0)
```
#273c01
```
#273c01 rgb(39,60,1)
```
#345001
```
#345001 rgb(52,80,1)
```
#416301
```
#416301 rgb(65,99,1)
```
#4d7701
```
#4d7701 rgb(77,119,1)
```
#5a8a01
```
#5a8a01 rgb(90,138,1)
```
#669d02
```
#669d02 rgb(102,157,2)
```
#73b102
```
#73b102 rgb(115,177,2)
```
#80c402
```
#80c402 rgb(128,196,2)
```
#8cd802
```
#8cd802 rgb(140,216,2)
```
#99eb02
```
#99eb02 rgb(153,235,2)
```

Shade Color Variation

#a5fc05
```
#a5fc05 rgb(165,252,5)
```
#acfd18
```
#acfd18 rgb(172,253,24)
```
#b3fd2c
```
#b3fd2c rgb(179,253,44)
```
#bafd3f
```
#bafd3f rgb(186,253,63)
```
#c1fd52
```
#c1fd52 rgb(193,253,82)
```
#c8fd66
```
#c8fd66 rgb(200,253,102)
```
#cffe79
```
#cffe79 rgb(207,254,121)
```
#d6fe8d
```
#d6fe8d rgb(214,254,141)
```
#ddfea0
```
#ddfea0 rgb(221,254,160)
```
#e4feb3
```
#e4feb3 rgb(228,254,179)
```
#ebfec7
```
#ebfec7 rgb(235,254,199)
```
#f2ffda
```
#f2ffda rgb(242,255,218)
```
#f9ffee
```
#f9ffee rgb(249,255,238)
```

Tint Color Variation

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

#a0a399
```
#a0a399 rgb(160,163,153)
```
#a2ab91
```
#a2ab91 rgb(162,171,145)
```
#a4b28a
```
#a4b28a rgb(164,178,138)
```
#a6ba82
```
#a6ba82 rgb(166,186,130)
```
#a8c17b
```
#a8c17b rgb(168,193,123)
```
#abc973
```
#abc973 rgb(171,201,115)
```
#add06c
```
#add06c rgb(173,208,108)
```
#afd864
```
#afd864 rgb(175,216,100)
```
#b1df5d
```
#b1df5d rgb(177,223,93)
```
#b3e755
```
#b3e755 rgb(179,231,85)
```
#b6ee4e
```
#b6ee4e rgb(182,238,78)
```
#b8f646
```
#b8f646 rgb(184,246,70)
```
#bafd3f
```
#bafd3f rgb(186,253,63)
```

Tone Color Variation

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

Dichromacy

#ffe988 Protanopia 1% of men
#ffe5c7 Deuteranopia 1% of men
#d5ecfd Tritanopia 0.001% of the population

Trichromacy

#e5f06d Protanomaly 1% of men, 0.01% of women
#e5ee95 Deuteranomaly 6% of men, 0.4% of women
#cbf2b8 Tritanomaly 0.01% of the population

#bafd3f hex color

#bafd3f Color Information

#bafd3f Color Conversion

Color Schemes with #bafd3f

Alternatives to #bafd3f

#bafd3f Preview

Shades and Tints of #bafd3f

Tones of #bafd3f

Color Blindness Simulator