#baf10f hex color

In a RGB color space, hex #baf10f is composed of 72.9% red, 94.5% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 22.8% cyan, 0% magenta, 93.8% yellow and 5.5% black. It has a hue angle of 74.6 degrees, a saturation of 89% and a lightness of 50.2%. #baf10f color hex could be obtained by blending #ffff1e with #75e300. Closest websafe color is: #ccff00.

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

● #baf10f color description : Vivid yellow.

The hexadecimal color #baf10f has RGB values of R:186, G:241, B:15 and CMYK values of C:0.23, M:0, Y:0.94, K:0.05. Its decimal value is 12251407.

Hex triplet	baf10f	`#baf10f`
RGB Decimal	186, 241, 15	`rgb(186,241,15)`
RGB Percent	72.9, 94.5, 5.9	`rgb(72.9%,94.5%,5.9%)`
CMYK	23, 0, 94, 5
HSL	74.6°, 89, 50.2	`hsl(74.6,89%,50.2%)`
HSV (or HSB)	74.6°, 93.8, 94.5
Web Safe	ccff00	`#ccff00`

CIE-LAB	88.63, -42.603, 84.807
XYZ	51.791, 73.383, 11.888
xyY	0.378, 0.535, 73.383
CIE-LCH	88.63, 94.907, 116.673
CIE-LUV	88.63, -27.066, 100.82
Hunter-Lab	85.664, -41.995, 51.737
Binary	10111010, 11110001, 00001111

#baf10f
```
#baf10f rgb(186,241,15)
```
#460ff1
```
#460ff1 rgb(70,15,241)
```

Complementary Color

#f1b70f
```
#f1b70f rgb(241,183,15)
```
#baf10f
```
#baf10f rgb(186,241,15)
```
#49f10f
```
#49f10f rgb(73,241,15)
```

Analogous Color

#b70ff1
```
#b70ff1 rgb(183,15,241)
```
#baf10f
```
#baf10f rgb(186,241,15)
```
#0f49f1
```
#0f49f1 rgb(15,73,241)
```

Split Complementary Color

#f10fba
```
#f10fba rgb(241,15,186)
```
#baf10f
```
#baf10f rgb(186,241,15)
```
#0fbaf1
```
#0fbaf1 rgb(15,186,241)
```

Triadic Color

#f1460f
```
#f1460f rgb(241,70,15)
```
#baf10f
```
#baf10f rgb(186,241,15)
```
#0fbaf1
```
#0fbaf1 rgb(15,186,241)
```
#460ff1
```
#460ff1 rgb(70,15,241)
```

Tetradic Color

#83aa0a
```
#83aa0a rgb(131,170,10)
```
#95c20b
```
#95c20b rgb(149,194,11)
```
#a8da0d
```
#a8da0d rgb(168,218,13)
```
#baf10f
```
#baf10f rgb(186,241,15)
```
#c1f227
```
#c1f227 rgb(193,242,39)
```
#c8f43f
```
#c8f43f rgb(200,244,63)
```
#cff557
```
#cff557 rgb(207,245,87)
```

Monochromatic Color

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

#f1f00f
```
#f1f00f rgb(241,240,15)
```
#e0f10f
```
#e0f10f rgb(224,241,15)
```
#cdf10f
```
#cdf10f rgb(205,241,15)
```
#baf10f
```
#baf10f rgb(186,241,15)
```
#a7f10f
```
#a7f10f rgb(167,241,15)
```
#94f10f
```
#94f10f rgb(148,241,15)
```
#82f10f
```
#82f10f rgb(130,241,15)
```

Similar Colors

Text with hexadecimal color #baf10f

This text has a font color of #baf10f.

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

#baf10f background color

This paragraph has a background color of #baf10f.

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

#baf10f border color

This element has a border color of #baf10f.

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

CSS codes

.text {color:#baf10f;}

.background {background-color:#baf10f;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0f1301
```
#0f1301 rgb(15,19,1)
```
#1d2602
```
#1d2602 rgb(29,38,2)
```
#2c3903
```
#2c3903 rgb(44,57,3)
```
#3a4b04
```
#3a4b04 rgb(58,75,4)
```
#485e05
```
#485e05 rgb(72,94,5)
```
#567007
```
#567007 rgb(86,112,7)
```
#658308
```
#658308 rgb(101,131,8)
```
#739509
```
#739509 rgb(115,149,9)
```
#81a80a
```
#81a80a rgb(129,168,10)
```
#90ba0b
```
#90ba0b rgb(144,186,11)
```
#9ecd0c
```
#9ecd0c rgb(158,205,12)
```
#acdf0d
```
#acdf0d rgb(172,223,13)
```

Shade Color Variation

#baf10f
```
#baf10f rgb(186,241,15)
```
#bff222
```
#bff222 rgb(191,242,34)
```
#c5f334
```
#c5f334 rgb(197,243,52)
```
#caf447
```
#caf447 rgb(202,244,71)
```
#cff559
```
#cff559 rgb(207,245,89)
```
#d5f66c
```
#d5f66c rgb(213,246,108)
```
#daf77e
```
#daf77e rgb(218,247,126)
```
#dff991
```
#dff991 rgb(223,249,145)
```
#e5faa3
```
#e5faa3 rgb(229,250,163)
```
#eafbb6
```
#eafbb6 rgb(234,251,182)
```
#effcc8
```
#effcc8 rgb(239,252,200)
```
#f5fddb
```
#f5fddb rgb(245,253,219)
```
#fafeed
```
#fafeed rgb(250,254,237)
```

Tint Color Variation

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

#83867a
```
#83867a rgb(131,134,122)
```
#888f71
```
#888f71 rgb(136,143,113)
```
#8d9967
```
#8d9967 rgb(141,153,103)
```
#92a35d
```
#92a35d rgb(146,163,93)
```
#97ad53
```
#97ad53 rgb(151,173,83)
```
#9cb64a
```
#9cb64a rgb(156,182,74)
```
#a1c040
```
#a1c040 rgb(161,192,64)
```
#a6ca36
```
#a6ca36 rgb(166,202,54)
```
#abd42c
```
#abd42c rgb(171,212,44)
```
#b0dd23
```
#b0dd23 rgb(176,221,35)
```
#b5e719
```
#b5e719 rgb(181,231,25)
```
#baf10f
```
#baf10f rgb(186,241,15)
```
#bffb05
```
#bffb05 rgb(191,251,5)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c4cfa2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fbe012 Protanopia 1% of men
#ffdaa7 Deuteranopia 1% of men
#d4e1f1 Tritanopia 0.001% of the population

Trichromacy

#e3e610 Protanomaly 1% of men, 0.01% of women
#e5e270 Deuteranomaly 6% of men, 0.4% of women
#cae79f Tritanomaly 0.01% of the population

#baf10f hex color

#baf10f Color Information

#baf10f Color Conversion

Color Schemes with #baf10f

Alternatives to #baf10f

#baf10f Preview

Shades and Tints of #baf10f

Tones of #baf10f

Color Blindness Simulator