#baf916 hex color

In a RGB color space, hex #baf916 is composed of 72.9% red, 97.6% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 25.3% cyan, 0% magenta, 91.2% yellow and 2.4% black. It has a hue angle of 76.7 degrees, a saturation of 95% and a lightness of 53.1%. #baf916 color hex could be obtained by blending #ffff2c with #75f300. Closest websafe color is: #ccff00.

♥
- f
- t
- g
- R 73
- G 98
- B 9
RGB color chart
- C 25
- M 0
- Y 91
- K 2
CMYK color chart

● #baf916 color description : Vivid green.

The hexadecimal color #baf916 has RGB values of R:186, G:249, B:22 and CMYK values of C:0.25, M:0, Y:0.91, K:0.02. Its decimal value is 12253462.

Hex triplet	baf916	`#baf916`
RGB Decimal	186, 249, 22	`rgb(186,249,22)`
RGB Percent	72.9, 97.6, 8.6	`rgb(72.9%,97.6%,8.6%)`
CMYK	25, 0, 91, 2
HSL	76.7°, 95, 53.1	`hsl(76.7,95%,53.1%)`
HSV (or HSB)	76.7°, 91.2, 97.6
Web Safe	ccff00	`#ccff00`

CIE-LAB	90.893, -45.941, 85.808
XYZ	54.269, 78.247, 13.003
xyY	0.373, 0.538, 78.247
CIE-LCH	90.893, 97.332, 118.164
CIE-LUV	90.893, -31.32, 103.379
Hunter-Lab	88.457, -45.289, 53.205
Binary	10111010, 11111001, 00010110

#baf916
```
#baf916 rgb(186,249,22)
```
#5516f9
```
#5516f9 rgb(85,22,249)
```

Complementary Color

#f9c716
```
#f9c716 rgb(249,199,22)
```
#baf916
```
#baf916 rgb(186,249,22)
```
#49f916
```
#49f916 rgb(73,249,22)
```

Analogous Color

#c716f9
```
#c716f9 rgb(199,22,249)
```
#baf916
```
#baf916 rgb(186,249,22)
```
#1649f9
```
#1649f9 rgb(22,73,249)
```

Split Complementary Color

#f916ba
```
#f916ba rgb(249,22,186)
```
#baf916
```
#baf916 rgb(186,249,22)
```
#16baf9
```
#16baf9 rgb(22,186,249)
```

Triadic Color

#f95516
```
#f95516 rgb(249,85,22)
```
#baf916
```
#baf916 rgb(186,249,22)
```
#16baf9
```
#16baf9 rgb(22,186,249)
```
#5516f9
```
#5516f9 rgb(85,22,249)
```

Tetradic Color

#8abe05
```
#8abe05 rgb(138,190,5)
```
#9cd606
```
#9cd606 rgb(156,214,6)
```
#afef06
```
#afef06 rgb(175,239,6)
```
#baf916
```
#baf916 rgb(186,249,22)
```
#c1fa2f
```
#c1fa2f rgb(193,250,47)
```
#c9fa48
```
#c9fa48 rgb(201,250,72)
```
#d0fb61
```
#d0fb61 rgb(208,251,97)
```

Monochromatic Color

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

#f3f916
```
#f3f916 rgb(243,249,22)
```
#e0f916
```
#e0f916 rgb(224,249,22)
```
#cdf916
```
#cdf916 rgb(205,249,22)
```
#baf916
```
#baf916 rgb(186,249,22)
```
#a7f916
```
#a7f916 rgb(167,249,22)
```
#94f916
```
#94f916 rgb(148,249,22)
```
#81f916
```
#81f916 rgb(129,249,22)
```

Similar Colors

Text with hexadecimal color #baf916

This text has a font color of #baf916.

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

#baf916 background color

This paragraph has a background color of #baf916.

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

#baf916 border color

This element has a border color of #baf916.

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

CSS codes

.text {color:#baf916;}

.background {background-color:#baf916;}

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

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

#0b1000
```
#0b1000 rgb(11,16,0)
```
#192301
```
#192301 rgb(25,35,1)
```
#273601
```
#273601 rgb(39,54,1)
```
#354902
```
#354902 rgb(53,73,2)
```
#435c02
```
#435c02 rgb(67,92,2)
```
#516f03
```
#516f03 rgb(81,111,3)
```
#5f8203
```
#5f8203 rgb(95,130,3)
```
#6d9504
```
#6d9504 rgb(109,149,4)
```
#7ba904
```
#7ba904 rgb(123,169,4)
```
#89bc05
```
#89bc05 rgb(137,188,5)
```
#97cf05
```
#97cf05 rgb(151,207,5)
```
#a5e206
```
#a5e206 rgb(165,226,6)
```
#b3f506
```
#b3f506 rgb(179,245,6)
```

Shade Color Variation

#baf916
```
#baf916 rgb(186,249,22)
```
#c0f929
```
#c0f929 rgb(192,249,41)
```
#c5fa3c
```
#c5fa3c rgb(197,250,60)
```
#cbfa4f
```
#cbfa4f rgb(203,250,79)
```
#d1fb62
```
#d1fb62 rgb(209,251,98)
```
#d6fb76
```
#d6fb76 rgb(214,251,118)
```
#dcfc89
```
#dcfc89 rgb(220,252,137)
```
#e2fc9c
```
#e2fc9c rgb(226,252,156)
```
#e7fdaf
```
#e7fdaf rgb(231,253,175)
```
#edfdc2
```
#edfdc2 rgb(237,253,194)
```
#f3fed5
```
#f3fed5 rgb(243,254,213)
```
#f8fee8
```
#f8fee8 rgb(248,254,232)
```
#fefffb
```
#fefffb rgb(254,255,251)
```

Tint Color Variation

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

#898b84
```
#898b84 rgb(137,139,132)
```
#8d947b
```
#8d947b rgb(141,148,123)
```
#919d72
```
#919d72 rgb(145,157,114)
```
#95a669
```
#95a669 rgb(149,166,105)
```
#99af60
```
#99af60 rgb(153,175,96)
```
#9db956
```
#9db956 rgb(157,185,86)
```
#a1c24d
```
#a1c24d rgb(161,194,77)
```
#a6cb44
```
#a6cb44 rgb(166,203,68)
```
#aad43b
```
#aad43b rgb(170,212,59)
```
#aedd32
```
#aedd32 rgb(174,221,50)
```
#b2e728
```
#b2e728 rgb(178,231,40)
```
#b6f01f
```
#b6f01f rgb(182,240,31)
```
#baf916
```
#baf916 rgb(186,249,22)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c8d5a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe663 Protanopia 1% of men
#ffe1bc Deuteranopia 1% of men
#d5e8f9 Tritanopia 0.001% of the population

Trichromacy

#e5ed47 Protanomaly 1% of men, 0.01% of women
#e5ea7f Deuteranomaly 6% of men, 0.4% of women
#cbeea6 Tritanomaly 0.01% of the population

#baf916 hex color

#baf916 Color Information

#baf916 Color Conversion

Color Schemes with #baf916

Alternatives to #baf916

#baf916 Preview

Shades and Tints of #baf916

Tones of #baf916

Color Blindness Simulator