#7af521 hex color

In a RGB color space, hex #7af521 is composed of 47.8% red, 96.1% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 50.2% cyan, 0% magenta, 86.5% yellow and 3.9% black. It has a hue angle of 94.8 degrees, a saturation of 91.4% and a lightness of 54.5%. #7af521 color hex could be obtained by blending #f4ff42 with #00eb00. Closest websafe color is: #66ff33.

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

● #7af521 color description : Vivid green.

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

Hex triplet	7af521	`#7af521`
RGB Decimal	122, 245, 33	`rgb(122,245,33)`
RGB Percent	47.8, 96.1, 12.9	`rgb(47.8%,96.1%,12.9%)`
CMYK	50, 0, 87, 4
HSL	94.8°, 91.4, 54.5	`hsl(94.8,91.4%,54.5%)`
HSV (or HSB)	94.8°, 86.5, 96.1
Web Safe	66ff33	`#66ff33`

CIE-LAB	86.775, -65.355, 79.467
XYZ	40.951, 69.549, 12.705
xyY	0.332, 0.564, 69.549
CIE-LCH	86.775, 102.89, 129.435
CIE-LUV	86.775, -58.531, 100.843
Hunter-Lab	83.396, -58.292, 49.345
Binary	01111010, 11110101, 00100001

#7af521
```
#7af521 rgb(122,245,33)
```
#9c21f5
```
#9c21f5 rgb(156,33,245)
```

Complementary Color

#e4f521
```
#e4f521 rgb(228,245,33)
```
#7af521
```
#7af521 rgb(122,245,33)
```
#21f532
```
#21f532 rgb(33,245,50)
```

Analogous Color

#f521e4
```
#f521e4 rgb(245,33,228)
```
#7af521
```
#7af521 rgb(122,245,33)
```
#3221f5
```
#3221f5 rgb(50,33,245)
```

Split Complementary Color

#f5217a
```
#f5217a rgb(245,33,122)
```
#7af521
```
#7af521 rgb(122,245,33)
```
#217af5
```
#217af5 rgb(33,122,245)
```

Triadic Color

#f59c21
```
#f59c21 rgb(245,156,33)
```
#7af521
```
#7af521 rgb(122,245,33)
```
#217af5
```
#217af5 rgb(33,122,245)
```
#9c21f5
```
#9c21f5 rgb(156,33,245)
```

Tetradic Color

#56c109
```
#56c109 rgb(86,193,9)
```
#61d90a
```
#61d90a rgb(97,217,10)
```
#6cf20b
```
#6cf20b rgb(108,242,11)
```
#7af521
```
#7af521 rgb(122,245,33)
```
#89f639
```
#89f639 rgb(137,246,57)
```
#97f752
```
#97f752 rgb(151,247,82)
```
#a6f86a
```
#a6f86a rgb(166,248,106)
```

Monochromatic Color

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

#aff521
```
#aff521 rgb(175,245,33)
```
#9df521
```
#9df521 rgb(157,245,33)
```
#8cf521
```
#8cf521 rgb(140,245,33)
```
#7af521
```
#7af521 rgb(122,245,33)
```
#68f521
```
#68f521 rgb(104,245,33)
```
#57f521
```
#57f521 rgb(87,245,33)
```
#45f521
```
#45f521 rgb(69,245,33)
```

Similar Colors

Text with hexadecimal color #7af521

This text has a font color of #7af521.

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

#7af521 background color

This paragraph has a background color of #7af521.

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

#7af521 border color

This element has a border color of #7af521.

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

CSS codes

.text {color:#7af521;}

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

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

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

#010300
```
#010300 rgb(1,3,0)
```
#0a1601
```
#0a1601 rgb(10,22,1)
```
#122902
```
#122902 rgb(18,41,2)
```
#1b3c03
```
#1b3c03 rgb(27,60,3)
```
#234e04
```
#234e04 rgb(35,78,4)
```
#2b6104
```
#2b6104 rgb(43,97,4)
```
#347405
```
#347405 rgb(52,116,5)
```
#3c8706
```
#3c8706 rgb(60,135,6)
```
#449907
```
#449907 rgb(68,153,7)
```
#4dac08
```
#4dac08 rgb(77,172,8)
```
#55bf09
```
#55bf09 rgb(85,191,9)
```
#5ed209
```
#5ed209 rgb(94,210,9)
```
#66e40a
```
#66e40a rgb(102,228,10)
```

Shade Color Variation

#6ff40e
```
#6ff40e rgb(111,244,14)
```
#7af521
```
#7af521 rgb(122,245,33)
```
#85f634
```
#85f634 rgb(133,246,52)
```
#90f747
```
#90f747 rgb(144,247,71)
```
#9cf859
```
#9cf859 rgb(156,248,89)
```
#a7f86c
```
#a7f86c rgb(167,248,108)
```
#b2f97f
```
#b2f97f rgb(178,249,127)
```
#bdfa92
```
#bdfa92 rgb(189,250,146)
```
#c9fba4
```
#c9fba4 rgb(201,251,164)
```
#d4fcb7
```
#d4fcb7 rgb(212,252,183)
```
#dffdca
```
#dffdca rgb(223,253,202)
```
#eafddd
```
#eafddd rgb(234,253,221)
```
#f6feef
```
#f6feef rgb(246,254,239)
```

Tint Color Variation

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

#8a9383
```
#8a9383 rgb(138,147,131)
```
#889c7a
```
#889c7a rgb(136,156,122)
```
#87a571
```
#87a571 rgb(135,165,113)
```
#85ae68
```
#85ae68 rgb(133,174,104)
```
#84b75f
```
#84b75f rgb(132,183,95)
```
#83bf57
```
#83bf57 rgb(131,191,87)
```
#81c84e
```
#81c84e rgb(129,200,78)
```
#80d145
```
#80d145 rgb(128,209,69)
```
#7eda3c
```
#7eda3c rgb(126,218,60)
```
#7de333
```
#7de333 rgb(125,227,51)
```
#7bec2a
```
#7bec2a rgb(123,236,42)
```
#7af521
```
#7af521 rgb(122,245,33)
```
#79fe18
```
#79fe18 rgb(121,254,24)
```

Tone Color Variation

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

Dichromacy

#f5db24 Protanopia 1% of men
#ffd495 Deuteranopia 1% of men
#a5e5f5 Tritanopia 0.001% of the population

Trichromacy

#c8e423 Protanomaly 1% of men, 0.01% of women
#cee06b Deuteranomaly 6% of men, 0.4% of women
#95eba8 Tritanomaly 0.01% of the population

#7af521 hex color

#7af521 Color Information

#7af521 Color Conversion

Color Schemes with #7af521

Alternatives to #7af521

#7af521 Preview

Shades and Tints of #7af521

Tones of #7af521

Color Blindness Simulator