#baf21e hex color

In a RGB color space, hex #baf21e is composed of 72.9% red, 94.9% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 23.1% cyan, 0% magenta, 87.6% yellow and 5.1% black. It has a hue angle of 75.8 degrees, a saturation of 89.1% and a lightness of 53.3%. #baf21e color hex could be obtained by blending #ffff3c with #75e500. Closest websafe color is: #ccff33.

♥
- f
- t
- g
- R 73
- G 95
- B 12
RGB color chart
- C 23
- M 0
- Y 88
- K 5
CMYK color chart

● #baf21e color description : Vivid green.

The hexadecimal color #baf21e has RGB values of R:186, G:242, B:30 and CMYK values of C:0.23, M:0, Y:0.88, K:0.05. Its decimal value is 12251678.

Hex triplet	baf21e	`#baf21e`
RGB Decimal	186, 242, 30	`rgb(186,242,30)`
RGB Percent	72.9, 94.9, 11.8	`rgb(72.9%,94.9%,11.8%)`
CMYK	23, 0, 88, 5
HSL	75.8°, 89.1, 53.3	`hsl(75.8,89.1%,53.3%)`
HSV (or HSB)	75.8°, 87.6, 94.9
Web Safe	ccff33	`#ccff33`

CIE-LAB	88.94, -42.771, 83.041
XYZ	52.235, 74.036, 12.767
xyY	0.376, 0.532, 74.036
CIE-LCH	88.94, 93.408, 117.251
CIE-LUV	88.94, -27.608, 99.939
Hunter-Lab	86.044, -42.214, 51.434
Binary	10111010, 11110010, 00011110

#baf21e
```
#baf21e rgb(186,242,30)
```
#561ef2
```
#561ef2 rgb(86,30,242)
```

Complementary Color

#f2c01e
```
#f2c01e rgb(242,192,30)
```
#baf21e
```
#baf21e rgb(186,242,30)
```
#50f21e
```
#50f21e rgb(80,242,30)
```

Analogous Color

#c01ef2
```
#c01ef2 rgb(192,30,242)
```
#baf21e
```
#baf21e rgb(186,242,30)
```
#1e50f2
```
#1e50f2 rgb(30,80,242)
```

Split Complementary Color

#f21eba
```
#f21eba rgb(242,30,186)
```
#baf21e
```
#baf21e rgb(186,242,30)
```
#1ebaf2
```
#1ebaf2 rgb(30,186,242)
```

Triadic Color

#f2561e
```
#f2561e rgb(242,86,30)
```
#baf21e
```
#baf21e rgb(186,242,30)
```
#1ebaf2
```
#1ebaf2 rgb(30,186,242)
```
#561ef2
```
#561ef2 rgb(86,30,242)
```

Tetradic Color

#8bb90b
```
#8bb90b rgb(139,185,11)
```
#9dd10c
```
#9dd10c rgb(157,209,12)
```
#afe90d
```
#afe90d rgb(175,233,13)
```
#baf21e
```
#baf21e rgb(186,242,30)
```
#c1f336
```
#c1f336 rgb(193,243,54)
```
#c9f54e
```
#c9f54e rgb(201,245,78)
```
#d0f666
```
#d0f666 rgb(208,246,102)
```

Monochromatic Color

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

#eff21e
```
#eff21e rgb(239,242,30)
```
#ddf21e
```
#ddf21e rgb(221,242,30)
```
#ccf21e
```
#ccf21e rgb(204,242,30)
```
#baf21e
```
#baf21e rgb(186,242,30)
```
#a8f21e
```
#a8f21e rgb(168,242,30)
```
#97f21e
```
#97f21e rgb(151,242,30)
```
#85f21e
```
#85f21e rgb(133,242,30)
```

Similar Colors

Text with hexadecimal color #baf21e

This text has a font color of #baf21e.

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

#baf21e background color

This paragraph has a background color of #baf21e.

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

#baf21e border color

This element has a border color of #baf21e.

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

CSS codes

.text {color:#baf21e;}

.background {background-color:#baf21e;}

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

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

#0c1001
```
#0c1001 rgb(12,16,1)
```
#1a2302
```
#1a2302 rgb(26,35,2)
```
#283503
```
#283503 rgb(40,53,3)
```
#364804
```
#364804 rgb(54,72,4)
```
#445a05
```
#445a05 rgb(68,90,5)
```
#526d06
```
#526d06 rgb(82,109,6)
```
#607f07
```
#607f07 rgb(96,127,7)
```
#6e9208
```
#6e9208 rgb(110,146,8)
```
#7ca40a
```
#7ca40a rgb(124,164,10)
```
#89b70b
```
#89b70b rgb(137,183,11)
```
#97ca0c
```
#97ca0c rgb(151,202,12)
```
#a5dc0d
```
#a5dc0d rgb(165,220,13)
```
#b3ef0e
```
#b3ef0e rgb(179,239,14)
```

Shade Color Variation

#baf21e
```
#baf21e rgb(186,242,30)
```
#c0f331
```
#c0f331 rgb(192,243,49)
```
#c5f443
```
#c5f443 rgb(197,244,67)
```
#cbf556
```
#cbf556 rgb(203,245,86)
```
#d1f668
```
#d1f668 rgb(209,246,104)
```
#d6f77b
```
#d6f77b rgb(214,247,123)
```
#dcf88d
```
#dcf88d rgb(220,248,141)
```
#e2faa0
```
#e2faa0 rgb(226,250,160)
```
#e7fbb2
```
#e7fbb2 rgb(231,251,178)
```
#edfcc5
```
#edfcc5 rgb(237,252,197)
```
#f3fdd7
```
#f3fdd7 rgb(243,253,215)
```
#f9feea
```
#f9feea rgb(249,254,234)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#8b8d83
```
#8b8d83 rgb(139,141,131)
```
#8f967a
```
#8f967a rgb(143,150,122)
```
#93a070
```
#93a070 rgb(147,160,112)
```
#97a967
```
#97a967 rgb(151,169,103)
```
#9cb25e
```
#9cb25e rgb(156,178,94)
```
#a0bb55
```
#a0bb55 rgb(160,187,85)
```
#a4c44c
```
#a4c44c rgb(164,196,76)
```
#a9cd43
```
#a9cd43 rgb(169,205,67)
```
#add739
```
#add739 rgb(173,215,57)
```
#b1e030
```
#b1e030 rgb(177,224,48)
```
#b6e927
```
#b6e927 rgb(182,233,39)
```
#baf21e
```
#baf21e rgb(186,242,30)
```
#befb15
```
#befb15 rgb(190,251,21)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#c6d1a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fce124 Protanopia 1% of men
#ffdbab Deuteranopia 1% of men
#d4e2f2 Tritanopia 0.001% of the population

Trichromacy

#e4e721 Protanomaly 1% of men, 0.01% of women
#e5e377 Deuteranomaly 6% of men, 0.4% of women
#cae8a5 Tritanomaly 0.01% of the population

#baf21e hex color

#baf21e Color Information

#baf21e Color Conversion

Color Schemes with #baf21e

Alternatives to #baf21e

#baf21e Preview

Shades and Tints of #baf21e

Tones of #baf21e

Color Blindness Simulator