#7af500 hex color

In a RGB color space, hex #7af500 is composed of 47.8% red, 96.1% green and 0% blue. Whereas in a CMYK color space, it is composed of 50.2% cyan, 0% magenta, 100% yellow and 3.9% black. It has a hue angle of 90.1 degrees, a saturation of 100% and a lightness of 48%. #7af500 color hex could be obtained by blending #f4ff00 with #00eb00. Closest websafe color is: #66ff00.

♥
- f
- t
- g
- R 48
- G 96
- B 0
RGB color chart
- C 50
- M 0
- Y 100
- K 4
CMYK color chart

● #7af500 color description : Pure (or mostly pure) green.

The hexadecimal color #7af500 has RGB values of R:122, G:245, B:0 and CMYK values of C:0.5, M:0, Y:1, K:0.04. Its decimal value is 8058112.

Hex triplet	7af500	`#7af500`
RGB Decimal	122, 245, 0	`rgb(122,245,0)`
RGB Percent	47.8, 96.1, 0	`rgb(47.8%,96.1%,0%)`
CMYK	50, 0, 100, 4
HSL	90.1°, 100, 48	`hsl(90.1,100%,48%)`
HSV (or HSB)	90.1°, 100, 96.1
Web Safe	66ff00	`#66ff00`

CIE-LAB	86.721, -65.968, 83.23
XYZ	40.677, 69.44, 11.26
xyY	0.335, 0.572, 69.44
CIE-LCH	86.721, 106.203, 128.4
CIE-LUV	86.721, -58.681, 103.308
Hunter-Lab	83.33, -58.695, 50.32
Binary	01111010, 11110101, 00000000

#7af500
```
#7af500 rgb(122,245,0)
```
#7b00f5
```
#7b00f5 rgb(123,0,245)
```

Complementary Color

#f5f500
```
#f5f500 rgb(245,245,0)
```
#7af500
```
#7af500 rgb(122,245,0)
```
#00f500
```
#00f500 rgb(0,245,0)
```

Analogous Color

#f500f5
```
#f500f5 rgb(245,0,245)
```
#7af500
```
#7af500 rgb(122,245,0)
```
#0000f5
```
#0000f5 rgb(0,0,245)
```

Split Complementary Color

#f5007a
```
#f5007a rgb(245,0,122)
```
#7af500
```
#7af500 rgb(122,245,0)
```
#007af5
```
#007af5 rgb(0,122,245)
```

Triadic Color

#f57b00
```
#f57b00 rgb(245,123,0)
```
#7af500
```
#7af500 rgb(122,245,0)
```
#007af5
```
#007af5 rgb(0,122,245)
```
#7b00f5
```
#7b00f5 rgb(123,0,245)
```

Tetradic Color

#54a900
```
#54a900 rgb(84,169,0)
```
#61c200
```
#61c200 rgb(97,194,0)
```
#6ddc00
```
#6ddc00 rgb(109,220,0)
```
#7af500
```
#7af500 rgb(122,245,0)
```
#87ff10
```
#87ff10 rgb(135,255,16)
```
#94ff29
```
#94ff29 rgb(148,255,41)
```
#a0ff43
```
#a0ff43 rgb(160,255,67)
```

Monochromatic Color

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

#b7f500
```
#b7f500 rgb(183,245,0)
```
#a3f500
```
#a3f500 rgb(163,245,0)
```
#8ef500
```
#8ef500 rgb(142,245,0)
```
#7af500
```
#7af500 rgb(122,245,0)
```
#66f500
```
#66f500 rgb(102,245,0)
```
#51f500
```
#51f500 rgb(81,245,0)
```
#3df500
```
#3df500 rgb(61,245,0)
```

Similar Colors

Text with hexadecimal color #7af500

This text has a font color of #7af500.

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

#7af500 background color

This paragraph has a background color of #7af500.

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

#7af500 border color

This element has a border color of #7af500.

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

CSS codes

.text {color:#7af500;}

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

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

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, #050a00 is the darkest color, while #fafff5 is the lightest one.

#050a00
```
#050a00 rgb(5,10,0)
```
#0f1d00
```
#0f1d00 rgb(15,29,0)
```
#183100
```
#183100 rgb(24,49,0)
```
#224400
```
#224400 rgb(34,68,0)
```
#2c5800
```
#2c5800 rgb(44,88,0)
```
#366c00
```
#366c00 rgb(54,108,0)
```
#3f7f00
```
#3f7f00 rgb(63,127,0)
```
#499300
```
#499300 rgb(73,147,0)
```
#53a700
```
#53a700 rgb(83,167,0)
```
#5dba00
```
#5dba00 rgb(93,186,0)
```
#66ce00
```
#66ce00 rgb(102,206,0)
```
#70e100
```
#70e100 rgb(112,225,0)
```
#7af500
```
#7af500 rgb(122,245,0)
```

Shade Color Variation

#84ff0a
```
#84ff0a rgb(132,255,10)
```
#8eff1d
```
#8eff1d rgb(142,255,29)
```
#98ff31
```
#98ff31 rgb(152,255,49)
```
#a1ff44
```
#a1ff44 rgb(161,255,68)
```
#abff58
```
#abff58 rgb(171,255,88)
```
#b5ff6c
```
#b5ff6c rgb(181,255,108)
```
#bfff7f
```
#bfff7f rgb(191,255,127)
```
#c9ff93
```
#c9ff93 rgb(201,255,147)
```
#d3ffa7
```
#d3ffa7 rgb(211,255,167)
```
#dcffba
```
#dcffba rgb(220,255,186)
```
#e6ffce
```
#e6ffce rgb(230,255,206)
```
#f0ffe1
```
#f0ffe1 rgb(240,255,225)
```
#fafff5
```
#fafff5 rgb(250,255,245)
```

Tint Color Variation

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

#7a8471
```
#7a8471 rgb(122,132,113)
```
#7a8d68
```
#7a8d68 rgb(122,141,104)
```
#7a975e
```
#7a975e rgb(122,151,94)
```
#7aa055
```
#7aa055 rgb(122,160,85)
```
#7aaa4b
```
#7aaa4b rgb(122,170,75)
```
#7ab342
```
#7ab342 rgb(122,179,66)
```
#7abc39
```
#7abc39 rgb(122,188,57)
```
#7ac62f
```
#7ac62f rgb(122,198,47)
```
#7acf26
```
#7acf26 rgb(122,207,38)
```
#7ad91c
```
#7ad91c rgb(122,217,28)
```
#7ae213
```
#7ae213 rgb(122,226,19)
```
#7aec09
```
#7aec09 rgb(122,236,9)
```
#7af500
```
#7af500 rgb(122,245,0)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#a8c190 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5db00 Protanopia 1% of men
#ffd494 Deuteranopia 1% of men
#a5e5f5 Tritanopia 0.001% of the population

Trichromacy

#c8e400 Protanomaly 1% of men, 0.01% of women
#cee05e Deuteranomaly 6% of men, 0.4% of women
#95ea9c Tritanomaly 0.01% of the population

#7af500 hex color

#7af500 Color Information

#7af500 Color Conversion

Color Schemes with #7af500

Alternatives to #7af500

#7af500 Preview

Shades and Tints of #7af500

Tones of #7af500

Color Blindness Simulator