#7af021 hex color

In a RGB color space, hex #7af021 is composed of 47.8% red, 94.1% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 49.2% cyan, 0% magenta, 86.3% yellow and 5.9% black. It has a hue angle of 94.2 degrees, a saturation of 87.3% and a lightness of 53.5%. #7af021 color hex could be obtained by blending #f4ff42 with #00e100. Closest websafe color is: #66ff33.

♥
- f
- t
- g
- R 48
- G 94
- B 13
RGB color chart
- C 49
- M 0
- Y 86
- K 6
CMYK color chart

● #7af021 color description : Vivid green.

The hexadecimal color #7af021 has RGB values of R:122, G:240, B:33 and CMYK values of C:0.49, M:0, Y:0.86, K:0.06. Its decimal value is 8056865.

Hex triplet	7af021	`#7af021`
RGB Decimal	122, 240, 33	`rgb(122,240,33)`
RGB Percent	47.8, 94.1, 12.9	`rgb(47.8%,94.1%,12.9%)`
CMYK	49, 0, 86, 6
HSL	94.2°, 87.3, 53.5	`hsl(94.2,87.3%,53.5%)`
HSV (or HSB)	94.2°, 86.3, 94.1
Web Safe	66ff33	`#66ff33`

CIE-LAB	85.284, -63.57, 78.187
XYZ	39.459, 66.565, 12.208
xyY	0.334, 0.563, 66.565
CIE-LCH	85.284, 100.769, 129.113
CIE-LUV	85.284, -56.492, 98.875
Hunter-Lab	81.587, -56.447, 48.24
Binary	01111010, 11110000, 00100001

#7af021
```
#7af021 rgb(122,240,33)
```
#9721f0
```
#9721f0 rgb(151,33,240)
```

Complementary Color

#e2f021
```
#e2f021 rgb(226,240,33)
```
#7af021
```
#7af021 rgb(122,240,33)
```
#21f02f
```
#21f02f rgb(33,240,47)
```

Analogous Color

#f021e2
```
#f021e2 rgb(240,33,226)
```
#7af021
```
#7af021 rgb(122,240,33)
```
#2f21f0
```
#2f21f0 rgb(47,33,240)
```

Split Complementary Color

#f0217a
```
#f0217a rgb(240,33,122)
```
#7af021
```
#7af021 rgb(122,240,33)
```
#217af0
```
#217af0 rgb(33,122,240)
```

Triadic Color

#f09721
```
#f09721 rgb(240,151,33)
```
#7af021
```
#7af021 rgb(122,240,33)
```
#217af0
```
#217af0 rgb(33,122,240)
```
#9721f0
```
#9721f0 rgb(151,33,240)
```

Tetradic Color

#56b80c
```
#56b80c rgb(86,184,12)
```
#61d00e
```
#61d00e rgb(97,208,14)
```
#6de810
```
#6de810 rgb(109,232,16)
```
#7af021
```
#7af021 rgb(122,240,33)
```
#88f239
```
#88f239 rgb(136,242,57)
```
#97f351
```
#97f351 rgb(151,243,81)
```
#a5f569
```
#a5f569 rgb(165,245,105)
```

Monochromatic Color

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

#aef021
```
#aef021 rgb(174,240,33)
```
#9df021
```
#9df021 rgb(157,240,33)
```
#8bf021
```
#8bf021 rgb(139,240,33)
```
#7af021
```
#7af021 rgb(122,240,33)
```
#69f021
```
#69f021 rgb(105,240,33)
```
#58f021
```
#58f021 rgb(88,240,33)
```
#46f021
```
#46f021 rgb(70,240,33)
```

Similar Colors

Text with hexadecimal color #7af021

This text has a font color of #7af021.

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

#7af021 background color

This paragraph has a background color of #7af021.

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

#7af021 border color

This element has a border color of #7af021.

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

CSS codes

.text {color:#7af021;}

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

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

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

#081101
```
#081101 rgb(8,17,1)
```
#112302
```
#112302 rgb(17,35,2)
```
#193604
```
#193604 rgb(25,54,4)
```
#224805
```
#224805 rgb(34,72,5)
```
#2a5a06
```
#2a5a06 rgb(42,90,6)
```
#336d07
```
#336d07 rgb(51,109,7)
```
#3c7f09
```
#3c7f09 rgb(60,127,9)
```
#44910a
```
#44910a rgb(68,145,10)
```
#4da40b
```
#4da40b rgb(77,164,11)
```
#55b60c
```
#55b60c rgb(85,182,12)
```
#5ec90e
```
#5ec90e rgb(94,201,14)
```
#67db0f
```
#67db0f rgb(103,219,15)
```
#6fed10
```
#6fed10 rgb(111,237,16)
```

Shade Color Variation

#7af021
```
#7af021 rgb(122,240,33)
```
#85f133
```
#85f133 rgb(133,241,51)
```
#90f246
```
#90f246 rgb(144,242,70)
```
#9bf458
```
#9bf458 rgb(155,244,88)
```
#a6f56a
```
#a6f56a rgb(166,245,106)
```
#b1f67d
```
#b1f67d rgb(177,246,125)
```
#bcf78f
```
#bcf78f rgb(188,247,143)
```
#c7f9a2
```
#c7f9a2 rgb(199,249,162)
```
#d2fab4
```
#d2fab4 rgb(210,250,180)
```
#ddfbc6
```
#ddfbc6 rgb(221,251,198)
```
#e8fcd9
```
#e8fcd9 rgb(232,252,217)
```
#f3feeb
```
#f3feeb rgb(243,254,235)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#888c85
```
#888c85 rgb(136,140,133)
```
#87957c
```
#87957c rgb(135,149,124)
```
#859e73
```
#859e73 rgb(133,158,115)
```
#84a76a
```
#84a76a rgb(132,167,106)
```
#83b061
```
#83b061 rgb(131,176,97)
```
#82b958
```
#82b958 rgb(130,185,88)
```
#80c24f
```
#80c24f rgb(128,194,79)
```
#7fcc45
```
#7fcc45 rgb(127,204,69)
```
#7ed53c
```
#7ed53c rgb(126,213,60)
```
#7dde33
```
#7dde33 rgb(125,222,51)
```
#7be72a
```
#7be72a rgb(123,231,42)
```
#7af021
```
#7af021 rgb(122,240,33)
```
#79f918
```
#79f918 rgb(121,249,24)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#a9c197 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1d724 Protanopia 1% of men
#ffcf84 Deuteranopia 1% of men
#a3e0f1 Tritanopia 0.001% of the population

Trichromacy

#c5e023 Protanomaly 1% of men, 0.01% of women
#cedb60 Deuteranomaly 6% of men, 0.4% of women
#94e6a5 Tritanomaly 0.01% of the population

#7af021 hex color

#7af021 Color Information

#7af021 Color Conversion

Color Schemes with #7af021

Alternatives to #7af021

#7af021 Preview

Shades and Tints of #7af021

Tones of #7af021

Color Blindness Simulator