#baf02a hex color

In a RGB color space, hex #baf02a is composed of 72.9% red, 94.1% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 22.5% cyan, 0% magenta, 82.5% yellow and 5.9% black. It has a hue angle of 76.4 degrees, a saturation of 86.8% and a lightness of 55.3%. #baf02a color hex could be obtained by blending #ffff54 with #75e100. Closest websafe color is: #ccff33.

♥
- f
- t
- g
- R 73
- G 94
- B 16
RGB color chart
- C 23
- M 0
- Y 83
- K 6
CMYK color chart

● #baf02a color description : Bright green.

The hexadecimal color #baf02a has RGB values of R:186, G:240, B:42 and CMYK values of C:0.23, M:0, Y:0.83, K:0.06. Its decimal value is 12251178.

Hex triplet	baf02a	`#baf02a`
RGB Decimal	186, 240, 42	`rgb(186,240,42)`
RGB Percent	72.9, 94.1, 16.5	`rgb(72.9%,94.1%,16.5%)`
CMYK	23, 0, 83, 6
HSL	76.4°, 86.8, 55.3	`hsl(76.4,86.8%,55.3%)`
HSV (or HSB)	76.4°, 82.5, 94.1
Web Safe	ccff33	`#ccff33`

CIE-LAB	88.412, -41.568, 80.204
XYZ	51.827, 72.926, 13.536
xyY	0.375, 0.527, 72.926
CIE-LCH	88.412, 90.335, 117.397
CIE-LUV	88.412, -26.54, 97.596
Hunter-Lab	85.396, -41.112, 50.38
Binary	10111010, 11110000, 00101010

#baf02a
```
#baf02a rgb(186,240,42)
```
#602af0
```
#602af0 rgb(96,42,240)
```

Complementary Color

#f0c32a
```
#f0c32a rgb(240,195,42)
```
#baf02a
```
#baf02a rgb(186,240,42)
```
#57f02a
```
#57f02a rgb(87,240,42)
```

Analogous Color

#c32af0
```
#c32af0 rgb(195,42,240)
```
#baf02a
```
#baf02a rgb(186,240,42)
```
#2a57f0
```
#2a57f0 rgb(42,87,240)
```

Split Complementary Color

#f02aba
```
#f02aba rgb(240,42,186)
```
#baf02a
```
#baf02a rgb(186,240,42)
```
#2abaf0
```
#2abaf0 rgb(42,186,240)
```

Triadic Color

#f0602a
```
#f0602a rgb(240,96,42)
```
#baf02a
```
#baf02a rgb(186,240,42)
```
#2abaf0
```
#2abaf0 rgb(42,186,240)
```
#602af0
```
#602af0 rgb(96,42,240)
```

Tetradic Color

#8fc00e
```
#8fc00e rgb(143,192,14)
```
#a1d80f
```
#a1d80f rgb(161,216,15)
```
#b2ee12
```
#b2ee12 rgb(178,238,18)
```
#baf02a
```
#baf02a rgb(186,240,42)
```
#c2f242
```
#c2f242 rgb(194,242,66)
```
#c9f35a
```
#c9f35a rgb(201,243,90)
```
#d1f571
```
#d1f571 rgb(209,245,113)
```

Monochromatic Color

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

#ecf02a
```
#ecf02a rgb(236,240,42)
```
#dbf02a
```
#dbf02a rgb(219,240,42)
```
#cbf02a
```
#cbf02a rgb(203,240,42)
```
#baf02a
```
#baf02a rgb(186,240,42)
```
#aaf02a
```
#aaf02a rgb(170,240,42)
```
#99f02a
```
#99f02a rgb(153,240,42)
```
#89f02a
```
#89f02a rgb(137,240,42)
```

Similar Colors

Text with hexadecimal color #baf02a

This text has a font color of #baf02a.

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

#baf02a background color

This paragraph has a background color of #baf02a.

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

#baf02a border color

This element has a border color of #baf02a.

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

CSS codes

.text {color:#baf02a;}

.background {background-color:#baf02a;}

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

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, #050700 is the darkest color, while #fbfef4 is the lightest one.

#050700
```
#050700 rgb(5,7,0)
```
#131902
```
#131902 rgb(19,25,2)
```
#212c03
```
#212c03 rgb(33,44,3)
```
#2e3e04
```
#2e3e04 rgb(46,62,4)
```
#3c5006
```
#3c5006 rgb(60,80,6)
```
#4a6307
```
#4a6307 rgb(74,99,7)
```
#577508
```
#577508 rgb(87,117,8)
```
#65870a
```
#65870a rgb(101,135,10)
```
#73990b
```
#73990b rgb(115,153,11)
```
#80ac0c
```
#80ac0c rgb(128,172,12)
```
#8ebe0d
```
#8ebe0d rgb(142,190,13)
```
#9cd00f
```
#9cd00f rgb(156,208,15)
```
#a9e310
```
#a9e310 rgb(169,227,16)
```

Shade Color Variation

#b4ef18
```
#b4ef18 rgb(180,239,24)
```
#baf02a
```
#baf02a rgb(186,240,42)
```
#c0f13c
```
#c0f13c rgb(192,241,60)
```
#c6f34f
```
#c6f34f rgb(198,243,79)
```
#ccf461
```
#ccf461 rgb(204,244,97)
```
#d2f573
```
#d2f573 rgb(210,245,115)
```
#d8f686
```
#d8f686 rgb(216,246,134)
```
#def898
```
#def898 rgb(222,248,152)
```
#e4f9aa
```
#e4f9aa rgb(228,249,170)
```
#e9fabd
```
#e9fabd rgb(233,250,189)
```
#effccf
```
#effccf rgb(239,252,207)
```
#f5fde1
```
#f5fde1 rgb(245,253,225)
```
#fbfef4
```
#fbfef4 rgb(251,254,244)
```

Tint Color Variation

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

#8e908a
```
#8e908a rgb(142,144,138)
```
#929882
```
#929882 rgb(146,152,130)
```
#96a179
```
#96a179 rgb(150,161,121)
```
#9aaa70
```
#9aaa70 rgb(154,170,112)
```
#9eb367
```
#9eb367 rgb(158,179,103)
```
#a2bb5f
```
#a2bb5f rgb(162,187,95)
```
#a6c456
```
#a6c456 rgb(166,196,86)
```
#aacd4d
```
#aacd4d rgb(170,205,77)
```
#aed644
```
#aed644 rgb(174,214,68)
```
#b2de3c
```
#b2de3c rgb(178,222,60)
```
#b6e733
```
#b6e733 rgb(182,231,51)
```
#baf02a
```
#baf02a rgb(186,240,42)
```
#bef921
```
#bef921 rgb(190,249,33)
```

Tone Color Variation

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

Dichromacy

#fae030 Protanopia 1% of men
#ffd9a6 Deuteranopia 1% of men
#d3e1f1 Tritanopia 0.001% of the population

Trichromacy

#e3e52e Protanomaly 1% of men, 0.01% of women
#e5e179 Deuteranomaly 6% of men, 0.4% of women
#cae6a8 Tritanomaly 0.01% of the population

#baf02a hex color

#baf02a Color Information

#baf02a Color Conversion

Color Schemes with #baf02a

Alternatives to #baf02a

#baf02a Preview

Shades and Tints of #baf02a

Tones of #baf02a

Color Blindness Simulator