#bafd21 hex color

In a RGB color space, hex #bafd21 is composed of 72.9% red, 99.2% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 0% magenta, 87% yellow and 0.8% black. It has a hue angle of 78.3 degrees, a saturation of 98.2% and a lightness of 56.1%. #bafd21 color hex could be obtained by blending #ffff42 with #75fb00. Closest websafe color is: #ccff33.

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

● #bafd21 color description : Vivid green.

The hexadecimal color #bafd21 has RGB values of R:186, G:253, B:33 and CMYK values of C:0.26, M:0, Y:0.87, K:0.01. Its decimal value is 12254497.

Hex triplet	bafd21	`#bafd21`
RGB Decimal	186, 253, 33	`rgb(186,253,33)`
RGB Percent	72.9, 99.2, 12.9	`rgb(72.9%,99.2%,12.9%)`
CMYK	26, 0, 87, 1
HSL	78.3°, 98.2, 56.1	`hsl(78.3,98.2%,56.1%)`
HSV (or HSB)	78.3°, 87, 99.2
Web Safe	ccff33	`#ccff33`

CIE-LAB	92.042, -47.409, 85.088
XYZ	55.649, 80.798, 14.102
xyY	0.37, 0.537, 80.798
CIE-LCH	92.042, 97.404, 119.126
CIE-LUV	92.042, -33.397, 103.855
Hunter-Lab	89.888, -46.796, 53.619
Binary	10111010, 11111101, 00100001

#bafd21
```
#bafd21 rgb(186,253,33)
```
#6421fd
```
#6421fd rgb(100,33,253)
```

Complementary Color

#fdd221
```
#fdd221 rgb(253,210,33)
```
#bafd21
```
#bafd21 rgb(186,253,33)
```
#4cfd21
```
#4cfd21 rgb(76,253,33)
```

Analogous Color

#d221fd
```
#d221fd rgb(210,33,253)
```
#bafd21
```
#bafd21 rgb(186,253,33)
```
#214cfd
```
#214cfd rgb(33,76,253)
```

Split Complementary Color

#fd21ba
```
#fd21ba rgb(253,33,186)
```
#bafd21
```
#bafd21 rgb(186,253,33)
```
#21bafd
```
#21bafd rgb(33,186,253)
```

Triadic Color

#fd6421
```
#fd6421 rgb(253,100,33)
```
#bafd21
```
#bafd21 rgb(186,253,33)
```
#21bafd
```
#21bafd rgb(33,186,253)
```
#6421fd
```
#6421fd rgb(100,33,253)
```

Tetradic Color

#91d002
```
#91d002 rgb(145,208,2)
```
#a3e902
```
#a3e902 rgb(163,233,2)
```
#b2fd08
```
#b2fd08 rgb(178,253,8)
```
#bafd21
```
#bafd21 rgb(186,253,33)
```
#c2fd3a
```
#c2fd3a rgb(194,253,58)
```
#cafd54
```
#cafd54 rgb(202,253,84)
```
#d2fe6d
```
#d2fe6d rgb(210,254,109)
```

Monochromatic Color

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

#f1fd21
```
#f1fd21 rgb(241,253,33)
```
#dffd21
```
#dffd21 rgb(223,253,33)
```
#ccfd21
```
#ccfd21 rgb(204,253,33)
```
#bafd21
```
#bafd21 rgb(186,253,33)
```
#a8fd21
```
#a8fd21 rgb(168,253,33)
```
#95fd21
```
#95fd21 rgb(149,253,33)
```
#83fd21
```
#83fd21 rgb(131,253,33)
```

Similar Colors

Text with hexadecimal color #bafd21

This text has a font color of #bafd21.

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

#bafd21 background color

This paragraph has a background color of #bafd21.

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

#bafd21 border color

This element has a border color of #bafd21.

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

CSS codes

.text {color:#bafd21;}

.background {background-color:#bafd21;}

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

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, #080b00 is the darkest color, while #fcfff7 is the lightest one.

#080b00
```
#080b00 rgb(8,11,0)
```
#151f00
```
#151f00 rgb(21,31,0)
```
#233200
```
#233200 rgb(35,50,0)
```
#314601
```
#314601 rgb(49,70,1)
```
#3e5901
```
#3e5901 rgb(62,89,1)
```
#4c6c01
```
#4c6c01 rgb(76,108,1)
```
#598001
```
#598001 rgb(89,128,1)
```
#679301
```
#679301 rgb(103,147,1)
```
#74a702
```
#74a702 rgb(116,167,2)
```
#82ba02
```
#82ba02 rgb(130,186,2)
```
#90ce02
```
#90ce02 rgb(144,206,2)
```
#9de102
```
#9de102 rgb(157,225,2)
```
#abf502
```
#abf502 rgb(171,245,2)
```

Shade Color Variation

#b4fd0e
```
#b4fd0e rgb(180,253,14)
```
#bafd21
```
#bafd21 rgb(186,253,33)
```
#c0fd34
```
#c0fd34 rgb(192,253,52)
```
#c6fd48
```
#c6fd48 rgb(198,253,72)
```
#ccfe5b
```
#ccfe5b rgb(204,254,91)
```
#d2fe6f
```
#d2fe6f rgb(210,254,111)
```
#d8fe82
```
#d8fe82 rgb(216,254,130)
```
#defe96
```
#defe96 rgb(222,254,150)
```
#e4fea9
```
#e4fea9 rgb(228,254,169)
```
#eafebd
```
#eafebd rgb(234,254,189)
```
#f0ffd0
```
#f0ffd0 rgb(240,255,208)
```
#f6ffe3
```
#f6ffe3 rgb(246,255,227)
```
#fcfff7
```
#fcfff7 rgb(252,255,247)
```

Tint Color Variation

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

#929688
```
#929688 rgb(146,150,136)
```
#959e80
```
#959e80 rgb(149,158,128)
```
#98a777
```
#98a777 rgb(152,167,119)
```
#9caf6f
```
#9caf6f rgb(156,175,111)
```
#9fb866
```
#9fb866 rgb(159,184,102)
```
#a2c15d
```
#a2c15d rgb(162,193,93)
```
#a6c955
```
#a6c955 rgb(166,201,85)
```
#a9d24c
```
#a9d24c rgb(169,210,76)
```
#addb43
```
#addb43 rgb(173,219,67)
```
#b0e33b
```
#b0e33b rgb(176,227,59)
```
#b3ec32
```
#b3ec32 rgb(179,236,50)
```
#b7f42a
```
#b7f42a rgb(183,244,42)
```
#bafd21
```
#bafd21 rgb(186,253,33)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#ccd9ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe985 Protanopia 1% of men
#ffe5c5 Deuteranopia 1% of men
#d6ecfd Tritanopia 0.001% of the population

Trichromacy

#e5f060 Protanomaly 1% of men, 0.01% of women
#e5ee89 Deuteranomaly 6% of men, 0.4% of women
#ccf2ad Tritanomaly 0.01% of the population

#bafd21 hex color

#bafd21 Color Information

#bafd21 Color Conversion

Color Schemes with #bafd21

Alternatives to #bafd21

#bafd21 Preview

Shades and Tints of #bafd21

Tones of #bafd21

Color Blindness Simulator