#baf50c hex color

In a RGB color space, hex #baf50c is composed of 72.9% red, 96.1% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 24.1% cyan, 0% magenta, 95.1% yellow and 3.9% black. It has a hue angle of 75.2 degrees, a saturation of 92.1% and a lightness of 50.4%. #baf50c color hex could be obtained by blending #ffff18 with #75eb00. Closest websafe color is: #ccff00.

♥
- f
- t
- g
- R 73
- G 96
- B 5
RGB color chart
- C 24
- M 0
- Y 95
- K 4
CMYK color chart

● #baf50c color description : Vivid green.

The hexadecimal color #baf50c has RGB values of R:186, G:245, B:12 and CMYK values of C:0.24, M:0, Y:0.95, K:0.04. Its decimal value is 12252428.

Hex triplet	baf50c	`#baf50c`
RGB Decimal	186, 245, 12	`rgb(186,245,12)`
RGB Percent	72.9, 96.1, 4.7	`rgb(72.9%,96.1%,4.7%)`
CMYK	24, 0, 95, 4
HSL	75.2°, 92.1, 50.4	`hsl(75.2,92.1%,50.4%)`
HSV (or HSB)	75.2°, 95.1, 96.1
Web Safe	ccff00	`#ccff00`

CIE-LAB	89.752, -44.368, 85.959
XYZ	52.968, 75.769, 12.182
xyY	0.376, 0.538, 75.769
CIE-LCH	89.752, 96.734, 117.301
CIE-LUV	89.752, -29.208, 102.51
Hunter-Lab	87.046, -43.712, 52.634
Binary	10111010, 11110101, 00001100

#baf50c
```
#baf50c rgb(186,245,12)
```
#470cf5
```
#470cf5 rgb(71,12,245)
```

Complementary Color

#f5bc0c
```
#f5bc0c rgb(245,188,12)
```
#baf50c
```
#baf50c rgb(186,245,12)
```
#46f50c
```
#46f50c rgb(70,245,12)
```

Analogous Color

#bc0cf5
```
#bc0cf5 rgb(188,12,245)
```
#baf50c
```
#baf50c rgb(186,245,12)
```
#0c46f5
```
#0c46f5 rgb(12,70,245)
```

Split Complementary Color

#f50cba
```
#f50cba rgb(245,12,186)
```
#baf50c
```
#baf50c rgb(186,245,12)
```
#0cbaf5
```
#0cbaf5 rgb(12,186,245)
```

Triadic Color

#f5470c
```
#f5470c rgb(245,71,12)
```
#baf50c
```
#baf50c rgb(186,245,12)
```
#0cbaf5
```
#0cbaf5 rgb(12,186,245)
```
#470cf5
```
#470cf5 rgb(71,12,245)
```

Tetradic Color

#83ad07
```
#83ad07 rgb(131,173,7)
```
#96c608
```
#96c608 rgb(150,198,8)
```
#a8de09
```
#a8de09 rgb(168,222,9)
```
#baf50c
```
#baf50c rgb(186,245,12)
```
#c1f624
```
#c1f624 rgb(193,246,36)
```
#c8f73d
```
#c8f73d rgb(200,247,61)
```
#cff855
```
#cff855 rgb(207,248,85)
```

Monochromatic Color

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

#f4f50c
```
#f4f50c rgb(244,245,12)
```
#e1f50c
```
#e1f50c rgb(225,245,12)
```
#cdf50c
```
#cdf50c rgb(205,245,12)
```
#baf50c
```
#baf50c rgb(186,245,12)
```
#a7f50c
```
#a7f50c rgb(167,245,12)
```
#93f50c
```
#93f50c rgb(147,245,12)
```
#80f50c
```
#80f50c rgb(128,245,12)
```

Similar Colors

Text with hexadecimal color #baf50c

This text has a font color of #baf50c.

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

#baf50c background color

This paragraph has a background color of #baf50c.

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

#baf50c border color

This element has a border color of #baf50c.

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

CSS codes

.text {color:#baf50c;}

.background {background-color:#baf50c;}

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

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

#010200
```
#010200 rgb(1,2,0)
```
#101501
```
#101501 rgb(16,21,1)
```
#1e2802
```
#1e2802 rgb(30,40,2)
```
#2c3a02
```
#2c3a02 rgb(44,58,2)
```
#3b4d03
```
#3b4d03 rgb(59,77,3)
```
#496004
```
#496004 rgb(73,96,4)
```
#577305
```
#577305 rgb(87,115,5)
```
#658606
```
#658606 rgb(101,134,6)
```
#749906
```
#749906 rgb(116,153,6)
```
#82ab07
```
#82ab07 rgb(130,171,7)
```
#90be08
```
#90be08 rgb(144,190,8)
```
#9ed109
```
#9ed109 rgb(158,209,9)
```
#ade409
```
#ade409 rgb(173,228,9)
```

Shade Color Variation

#baf50c
```
#baf50c rgb(186,245,12)
```
#bff61f
```
#bff61f rgb(191,246,31)
```
#c5f732
```
#c5f732 rgb(197,247,50)
```
#caf745
```
#caf745 rgb(202,247,69)
```
#cff857
```
#cff857 rgb(207,248,87)
```
#d5f96a
```
#d5f96a rgb(213,249,106)
```
#dafa7d
```
#dafa7d rgb(218,250,125)
```
#dffa90
```
#dffa90 rgb(223,250,144)
```
#e5fba3
```
#e5fba3 rgb(229,251,163)
```
#eafcb6
```
#eafcb6 rgb(234,252,182)
```
#effdc8
```
#effdc8 rgb(239,253,200)
```
#f5fedb
```
#f5fedb rgb(245,254,219)
```
#fafeee
```
#fafeee rgb(250,254,238)
```

Tint Color Variation

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

#858a77
```
#858a77 rgb(133,138,119)
```
#8a946d
```
#8a946d rgb(138,148,109)
```
#8f9d64
```
#8f9d64 rgb(143,157,100)
```
#94a75a
```
#94a75a rgb(148,167,90)
```
#98b150
```
#98b150 rgb(152,177,80)
```
#9dbb46
```
#9dbb46 rgb(157,187,70)
```
#a2c43d
```
#a2c43d rgb(162,196,61)
```
#a7ce33
```
#a7ce33 rgb(167,206,51)
```
#acd829
```
#acd829 rgb(172,216,41)
```
#b0e21f
```
#b0e21f rgb(176,226,31)
```
#b5eb16
```
#b5eb16 rgb(181,235,22)
```
#baf50c
```
#baf50c rgb(186,245,12)
```
#bfff02
```
#bfff02 rgb(191,255,2)
```

Tone Color Variation

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

Dichromacy

#ffe311 Protanopia 1% of men
#ffdeb2 Deuteranopia 1% of men
#d5e5f5 Tritanopia 0.001% of the population

Trichromacy

#e5e90f Protanomaly 1% of men, 0.01% of women
#e5e675 Deuteranomaly 6% of men, 0.4% of women
#cbeaa0 Tritanomaly 0.01% of the population

#baf50c hex color

#baf50c Color Information

#baf50c Color Conversion

Color Schemes with #baf50c

Alternatives to #baf50c

#baf50c Preview

Shades and Tints of #baf50c

Tones of #baf50c

Color Blindness Simulator