#7af80e hex color

In a RGB color space, hex #7af80e is composed of 47.8% red, 97.3% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 50.8% cyan, 0% magenta, 94.4% yellow and 2.7% black. It has a hue angle of 92.3 degrees, a saturation of 94.4% and a lightness of 51.4%. #7af80e color hex could be obtained by blending #f4ff1c with #00f100. Closest websafe color is: #66ff00.

♥
- f
- t
- g
- R 48
- G 97
- B 5
RGB color chart
- C 51
- M 0
- Y 94
- K 3
CMYK color chart

● #7af80e color description : Vivid green.

The hexadecimal color #7af80e has RGB values of R:122, G:248, B:14 and CMYK values of C:0.51, M:0, Y:0.94, K:0.03. Its decimal value is 8058894.

Hex triplet	7af80e	`#7af80e`
RGB Decimal	122, 248, 14	`rgb(122,248,14)`
RGB Percent	47.8, 97.3, 5.5	`rgb(47.8%,97.3%,5.5%)`
CMYK	51, 0, 94, 3
HSL	92.3°, 94.4, 51.4	`hsl(92.3,94.4%,51.4%)`
HSV (or HSB)	92.3°, 94.4, 97.3
Web Safe	66ff00	`#66ff00`

CIE-LAB	87.631, -66.844, 82.833
XYZ	41.671, 71.301, 11.982
xyY	0.333, 0.571, 71.301
CIE-LCH	87.631, 106.44, 128.903
CIE-LUV	87.631, -59.848, 103.743
Hunter-Lab	84.44, -59.68, 50.695
Binary	01111010, 11111000, 00001110

#7af80e
```
#7af80e rgb(122,248,14)
```
#8c0ef8
```
#8c0ef8 rgb(140,14,248)
```

Complementary Color

#eff80e
```
#eff80e rgb(239,248,14)
```
#7af80e
```
#7af80e rgb(122,248,14)
```
#0ef817
```
#0ef817 rgb(14,248,23)
```

Analogous Color

#f80eef
```
#f80eef rgb(248,14,239)
```
#7af80e
```
#7af80e rgb(122,248,14)
```
#170ef8
```
#170ef8 rgb(23,14,248)
```

Split Complementary Color

#f80e7a
```
#f80e7a rgb(248,14,122)
```
#7af80e
```
#7af80e rgb(122,248,14)
```
#0e7af8
```
#0e7af8 rgb(14,122,248)
```

Triadic Color

#f88c0e
```
#f88c0e rgb(248,140,14)
```
#7af80e
```
#7af80e rgb(122,248,14)
```
#0e7af8
```
#0e7af8 rgb(14,122,248)
```
#8c0ef8
```
#8c0ef8 rgb(140,14,248)
```

Tetradic Color

#56b405
```
#56b405 rgb(86,180,5)
```
#62cd06
```
#62cd06 rgb(98,205,6)
```
#6ee607
```
#6ee607 rgb(110,230,7)
```
#7af80e
```
#7af80e rgb(122,248,14)
```
#88f927
```
#88f927 rgb(136,249,39)
```
#95f940
```
#95f940 rgb(149,249,64)
```
#a3fa58
```
#a3fa58 rgb(163,250,88)
```

Monochromatic Color

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

#b5f80e
```
#b5f80e rgb(181,248,14)
```
#a1f80e
```
#a1f80e rgb(161,248,14)
```
#8ef80e
```
#8ef80e rgb(142,248,14)
```
#7af80e
```
#7af80e rgb(122,248,14)
```
#67f80e
```
#67f80e rgb(103,248,14)
```
#53f80e
```
#53f80e rgb(83,248,14)
```
#3ff80e
```
#3ff80e rgb(63,248,14)
```

Similar Colors

Text with hexadecimal color #7af80e

This text has a font color of #7af80e.

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

#7af80e background color

This paragraph has a background color of #7af80e.

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

#7af80e border color

This element has a border color of #7af80e.

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

CSS codes

.text {color:#7af80e;}

.background {background-color:#7af80e;}

.border {border:1px solid #7af80e;}

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

#030700
```
#030700 rgb(3,7,0)
```
#0c1a01
```
#0c1a01 rgb(12,26,1)
```
#152d01
```
#152d01 rgb(21,45,1)
```
#1f4002
```
#1f4002 rgb(31,64,2)
```
#285302
```
#285302 rgb(40,83,2)
```
#316603
```
#316603 rgb(49,102,3)
```
#3a7904
```
#3a7904 rgb(58,121,4)
```
#438c04
```
#438c04 rgb(67,140,4)
```
#4c9f05
```
#4c9f05 rgb(76,159,5)
```
#55b205
```
#55b205 rgb(85,178,5)
```
#5ec506
```
#5ec506 rgb(94,197,6)
```
#67d806
```
#67d806 rgb(103,216,6)
```
#70ec07
```
#70ec07 rgb(112,236,7)
```

Shade Color Variation

#7af80e
```
#7af80e rgb(122,248,14)
```
#85f921
```
#85f921 rgb(133,249,33)
```
#8ff934
```
#8ff934 rgb(143,249,52)
```
#9afa47
```
#9afa47 rgb(154,250,71)
```
#a4fa5a
```
#a4fa5a rgb(164,250,90)
```
#affb6d
```
#affb6d rgb(175,251,109)
```
#b9fb80
```
#b9fb80 rgb(185,251,128)
```
#c4fc93
```
#c4fc93 rgb(196,252,147)
```
#cefca6
```
#cefca6 rgb(206,252,166)
```
#d9fdba
```
#d9fdba rgb(217,253,186)
```
#e3fecd
```
#e3fecd rgb(227,254,205)
```
#eefee0
```
#eefee0 rgb(238,254,224)
```
#f8fff3
```
#f8fff3 rgb(248,255,243)
```

Tint Color Variation

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

#838680
```
#838680 rgb(131,134,128)
```
#828f77
```
#828f77 rgb(130,143,119)
```
#81996d
```
#81996d rgb(129,153,109)
```
#81a264
```
#81a264 rgb(129,162,100)
```
#80ac5a
```
#80ac5a rgb(128,172,90)
```
#7fb551
```
#7fb551 rgb(127,181,81)
```
#7ebf47
```
#7ebf47 rgb(126,191,71)
```
#7ec83e
```
#7ec83e rgb(126,200,62)
```
#7dd234
```
#7dd234 rgb(125,210,52)
```
#7cdb2b
```
#7cdb2b rgb(124,219,43)
```
#7be521
```
#7be521 rgb(123,229,33)
```
#7bee18
```
#7bee18 rgb(123,238,24)
```
#7af80e
```
#7af80e rgb(122,248,14)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#acc596 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f8dd00 Protanopia 1% of men
#ffd79e Deuteranopia 1% of men
#a6e7f8 Tritanopia 0.001% of the population

Trichromacy

#cae705 Protanomaly 1% of men, 0.01% of women
#cee369 Deuteranomaly 6% of men, 0.4% of women
#96eda3 Tritanomaly 0.01% of the population

#7af80e hex color

#7af80e Color Information

#7af80e Color Conversion

Color Schemes with #7af80e

Alternatives to #7af80e

#7af80e Preview

Shades and Tints of #7af80e

Tones of #7af80e

Color Blindness Simulator