#baf716 hex color

In a RGB color space, hex #baf716 is composed of 72.9% red, 96.9% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 24.7% cyan, 0% magenta, 91.1% yellow and 3.1% black. It has a hue angle of 76.3 degrees, a saturation of 93.4% and a lightness of 52.7%. #baf716 color hex could be obtained by blending #ffff2c with #75ef00. Closest websafe color is: #ccff00.

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

● #baf716 color description : Vivid green.

The hexadecimal color #baf716 has RGB values of R:186, G:247, B:22 and CMYK values of C:0.25, M:0, Y:0.91, K:0.03. Its decimal value is 12252950.

Hex triplet	baf716	`#baf716`
RGB Decimal	186, 247, 22	`rgb(186,247,22)`
RGB Percent	72.9, 96.9, 8.6	`rgb(72.9%,96.9%,8.6%)`
CMYK	25, 0, 91, 3
HSL	76.3°, 93.4, 52.7	`hsl(76.3,93.4%,52.7%)`
HSV (or HSB)	76.3°, 91.1, 96.9
Web Safe	ccff00	`#ccff00`

CIE-LAB	90.33, -45.087, 85.357
XYZ	53.654, 77.017, 12.798
xyY	0.374, 0.537, 77.017
CIE-LCH	90.33, 96.533, 117.844
CIE-LUV	90.33, -30.267, 102.615
Hunter-Lab	87.76, -44.448, 52.785
Binary	10111010, 11110111, 00010110

#baf716
```
#baf716 rgb(186,247,22)
```
#5316f7
```
#5316f7 rgb(83,22,247)
```

Complementary Color

#f7c416
```
#f7c416 rgb(247,196,22)
```
#baf716
```
#baf716 rgb(186,247,22)
```
#4af716
```
#4af716 rgb(74,247,22)
```

Analogous Color

#c416f7
```
#c416f7 rgb(196,22,247)
```
#baf716
```
#baf716 rgb(186,247,22)
```
#164af7
```
#164af7 rgb(22,74,247)
```

Split Complementary Color

#f716ba
```
#f716ba rgb(247,22,186)
```
#baf716
```
#baf716 rgb(186,247,22)
```
#16baf7
```
#16baf7 rgb(22,186,247)
```

Triadic Color

#f75316
```
#f75316 rgb(247,83,22)
```
#baf716
```
#baf716 rgb(186,247,22)
```
#16baf7
```
#16baf7 rgb(22,186,247)
```
#5316f7
```
#5316f7 rgb(83,22,247)
```

Tetradic Color

#89ba06
```
#89ba06 rgb(137,186,6)
```
#9cd307
```
#9cd307 rgb(156,211,7)
```
#aeeb08
```
#aeeb08 rgb(174,235,8)
```
#baf716
```
#baf716 rgb(186,247,22)
```
#c1f82f
```
#c1f82f rgb(193,248,47)
```
#c9f947
```
#c9f947 rgb(201,249,71)
```
#d0fa60
```
#d0fa60 rgb(208,250,96)
```

Monochromatic Color

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

#f2f716
```
#f2f716 rgb(242,247,22)
```
#e0f716
```
#e0f716 rgb(224,247,22)
```
#cdf716
```
#cdf716 rgb(205,247,22)
```
#baf716
```
#baf716 rgb(186,247,22)
```
#a7f716
```
#a7f716 rgb(167,247,22)
```
#95f716
```
#95f716 rgb(149,247,22)
```
#82f716
```
#82f716 rgb(130,247,22)
```

Similar Colors

Text with hexadecimal color #baf716

This text has a font color of #baf716.

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

#baf716 background color

This paragraph has a background color of #baf716.

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

#baf716 border color

This element has a border color of #baf716.

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

CSS codes

.text {color:#baf716;}

.background {background-color:#baf716;}

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

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

#0a0e00
```
#0a0e00 rgb(10,14,0)
```
#182001
```
#182001 rgb(24,32,1)
```
#263302
```
#263302 rgb(38,51,2)
```
#344602
```
#344602 rgb(52,70,2)
```
#425903
```
#425903 rgb(66,89,3)
```
#506c04
```
#506c04 rgb(80,108,4)
```
#5e7f04
```
#5e7f04 rgb(94,127,4)
```
#6c9205
```
#6c9205 rgb(108,146,5)
```
#7aa506
```
#7aa506 rgb(122,165,6)
```
#88b806
```
#88b806 rgb(136,184,6)
```
#96cb07
```
#96cb07 rgb(150,203,7)
```
#a4de08
```
#a4de08 rgb(164,222,8)
```
#b2f108
```
#b2f108 rgb(178,241,8)
```

Shade Color Variation

#baf716
```
#baf716 rgb(186,247,22)
```
#c0f829
```
#c0f829 rgb(192,248,41)
```
#c5f83c
```
#c5f83c rgb(197,248,60)
```
#cbf94f
```
#cbf94f rgb(203,249,79)
```
#d0fa62
```
#d0fa62 rgb(208,250,98)
```
#d6fa75
```
#d6fa75 rgb(214,250,117)
```
#dcfb88
```
#dcfb88 rgb(220,251,136)
```
#e1fc9b
```
#e1fc9b rgb(225,252,155)
```
#e7fcae
```
#e7fcae rgb(231,252,174)
```
#edfdc1
```
#edfdc1 rgb(237,253,193)
```
#f2fed4
```
#f2fed4 rgb(242,254,212)
```
#f8fee7
```
#f8fee7 rgb(248,254,231)
```
#fdfffa
```
#fdfffa rgb(253,255,250)
```

Tint Color Variation

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

#878885
```
#878885 rgb(135,136,133)
```
#8b917c
```
#8b917c rgb(139,145,124)
```
#909a73
```
#909a73 rgb(144,154,115)
```
#94a469
```
#94a469 rgb(148,164,105)
```
#98ad60
```
#98ad60 rgb(152,173,96)
```
#9cb657
```
#9cb657 rgb(156,182,87)
```
#a1bf4e
```
#a1bf4e rgb(161,191,78)
```
#a5c944
```
#a5c944 rgb(165,201,68)
```
#a9d23b
```
#a9d23b rgb(169,210,59)
```
#addb32
```
#addb32 rgb(173,219,50)
```
#b2e429
```
#b2e429 rgb(178,228,41)
```
#b6ee1f
```
#b6ee1f rgb(182,238,31)
```
#baf716
```
#baf716 rgb(186,247,22)
```

Tone Color Variation

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

Dichromacy

#ffe54b Protanopia 1% of men
#ffe0b7 Deuteranopia 1% of men
#d5e6f7 Tritanopia 0.001% of the population

Trichromacy

#e5eb37 Protanomaly 1% of men, 0.01% of women
#e5e87c Deuteranomaly 6% of men, 0.4% of women
#cbeca5 Tritanomaly 0.01% of the population

#baf716 hex color

#baf716 Color Information

#baf716 Color Conversion

Color Schemes with #baf716

Alternatives to #baf716

#baf716 Preview

Shades and Tints of #baf716

Tones of #baf716

Color Blindness Simulator