#baf80f hex color

In a RGB color space, hex #baf80f is composed of 72.9% red, 97.3% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 0% magenta, 94% yellow and 2.7% black. It has a hue angle of 76 degrees, a saturation of 94.3% and a lightness of 51.6%. #baf80f color hex could be obtained by blending #ffff1e with #75f100. Closest websafe color is: #ccff00.

♥
- f
- t
- g
- R 73
- G 97
- B 6
RGB color chart
- C 25
- M 0
- Y 94
- K 3
CMYK color chart

● #baf80f color description : Vivid green.

The hexadecimal color #baf80f has RGB values of R:186, G:248, B:15 and CMYK values of C:0.25, M:0, Y:0.94, K:0.03. Its decimal value is 12253199.

Hex triplet	baf80f	`#baf80f`
RGB Decimal	186, 248, 15	`rgb(186,248,15)`
RGB Percent	72.9, 97.3, 5.9	`rgb(72.9%,97.3%,5.9%)`
CMYK	25, 0, 94, 3
HSL	76°, 94.3, 51.6	`hsl(76,94.3%,51.6%)`
HSV (or HSB)	76°, 94, 97.3
Web Safe	ccff00	`#ccff00`

CIE-LAB	90.6, -45.618, 86.353
XYZ	53.903, 77.607, 12.592
xyY	0.374, 0.539, 77.607
CIE-LCH	90.6, 97.662, 117.846
CIE-LUV	90.6, -30.795, 103.483
Hunter-Lab	88.095, -44.948, 53.192
Binary	10111010, 11111000, 00001111

#baf80f
```
#baf80f rgb(186,248,15)
```
#4d0ff8
```
#4d0ff8 rgb(77,15,248)
```

Complementary Color

#f8c20f
```
#f8c20f rgb(248,194,15)
```
#baf80f
```
#baf80f rgb(186,248,15)
```
#45f80f
```
#45f80f rgb(69,248,15)
```

Analogous Color

#c20ff8
```
#c20ff8 rgb(194,15,248)
```
#baf80f
```
#baf80f rgb(186,248,15)
```
#0f45f8
```
#0f45f8 rgb(15,69,248)
```

Split Complementary Color

#f80fba
```
#f80fba rgb(248,15,186)
```
#baf80f
```
#baf80f rgb(186,248,15)
```
#0fbaf8
```
#0fbaf8 rgb(15,186,248)
```

Triadic Color

#f84d0f
```
#f84d0f rgb(248,77,15)
```
#baf80f
```
#baf80f rgb(186,248,15)
```
#0fbaf8
```
#0fbaf8 rgb(15,186,248)
```
#4d0ff8
```
#4d0ff8 rgb(77,15,248)
```

Tetradic Color

#86b505
```
#86b505 rgb(134,181,5)
```
#99ce06
```
#99ce06 rgb(153,206,6)
```
#abe707
```
#abe707 rgb(171,231,7)
```
#baf80f
```
#baf80f rgb(186,248,15)
```
#c1f928
```
#c1f928 rgb(193,249,40)
```
#c8f941
```
#c8f941 rgb(200,249,65)
```
#cffa59
```
#cffa59 rgb(207,250,89)
```

Monochromatic Color

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

#f4f80f
```
#f4f80f rgb(244,248,15)
```
#e1f80f
```
#e1f80f rgb(225,248,15)
```
#cdf80f
```
#cdf80f rgb(205,248,15)
```
#baf80f
```
#baf80f rgb(186,248,15)
```
#a7f80f
```
#a7f80f rgb(167,248,15)
```
#93f80f
```
#93f80f rgb(147,248,15)
```
#80f80f
```
#80f80f rgb(128,248,15)
```

Similar Colors

Text with hexadecimal color #baf80f

This text has a font color of #baf80f.

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

#baf80f background color

This paragraph has a background color of #baf80f.

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

#baf80f border color

This element has a border color of #baf80f.

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

CSS codes

.text {color:#baf80f;}

.background {background-color:#baf80f;}

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

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

#060800
```
#060800 rgb(6,8,0)
```
#141b01
```
#141b01 rgb(20,27,1)
```
#222e01
```
#222e01 rgb(34,46,1)
```
#304102
```
#304102 rgb(48,65,2)
```
#3e5402
```
#3e5402 rgb(62,84,2)
```
#4c6703
```
#4c6703 rgb(76,103,3)
```
#5b7a04
```
#5b7a04 rgb(91,122,4)
```
#698d04
```
#698d04 rgb(105,141,4)
```
#77a005
```
#77a005 rgb(119,160,5)
```
#85b305
```
#85b305 rgb(133,179,5)
```
#93c606
```
#93c606 rgb(147,198,6)
```
#a1d906
```
#a1d906 rgb(161,217,6)
```
#afec07
```
#afec07 rgb(175,236,7)
```

Shade Color Variation

#baf80f
```
#baf80f rgb(186,248,15)
```
#bff922
```
#bff922 rgb(191,249,34)
```
#c5f935
```
#c5f935 rgb(197,249,53)
```
#cafa48
```
#cafa48 rgb(202,250,72)
```
#d0fa5b
```
#d0fa5b rgb(208,250,91)
```
#d5fb6e
```
#d5fb6e rgb(213,251,110)
```
#dbfb81
```
#dbfb81 rgb(219,251,129)
```
#e0fc94
```
#e0fc94 rgb(224,252,148)
```
#e6fca7
```
#e6fca7 rgb(230,252,167)
```
#ebfdbb
```
#ebfdbb rgb(235,253,187)
```
#f1fece
```
#f1fece rgb(241,254,206)
```
#f6fee1
```
#f6fee1 rgb(246,254,225)
```
#fcfff4
```
#fcfff4 rgb(252,255,244)
```

Tint Color Variation

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

#858681
```
#858681 rgb(133,134,129)
```
#899078
```
#899078 rgb(137,144,120)
```
#8e996e
```
#8e996e rgb(142,153,110)
```
#92a365
```
#92a365 rgb(146,163,101)
```
#96ac5b
```
#96ac5b rgb(150,172,91)
```
#9bb652
```
#9bb652 rgb(155,182,82)
```
#9fbf48
```
#9fbf48 rgb(159,191,72)
```
#a4c93f
```
#a4c93f rgb(164,201,63)
```
#a8d235
```
#a8d235 rgb(168,210,53)
```
#addc2c
```
#addc2c rgb(173,220,44)
```
#b1e522
```
#b1e522 rgb(177,229,34)
```
#b6ef19
```
#b6ef19 rgb(182,239,25)
```
#baf80f
```
#baf80f rgb(186,248,15)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#c8d4a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe557 Protanopia 1% of men
#ffe1b9 Deuteranopia 1% of men
#d5e7f8 Tritanopia 0.001% of the population

Trichromacy

#e5ec3d Protanomaly 1% of men, 0.01% of women
#e5e97b Deuteranomaly 6% of men, 0.4% of women
#cbeda3 Tritanomaly 0.01% of the population

#baf80f hex color

#baf80f Color Information

#baf80f Color Conversion

Color Schemes with #baf80f

Alternatives to #baf80f

#baf80f Preview

Shades and Tints of #baf80f

Tones of #baf80f

Color Blindness Simulator