#7af242 hex color

In a RGB color space, hex #7af242 is composed of 47.8% red, 94.9% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 49.6% cyan, 0% magenta, 72.7% yellow and 5.1% black. It has a hue angle of 100.9 degrees, a saturation of 87.1% and a lightness of 60.4%. #7af242 color hex could be obtained by blending #f4ff84 with #00e500. Closest websafe color is: #66ff33.

♥
- f
- t
- g
- R 48
- G 95
- B 26
RGB color chart
- C 50
- M 0
- Y 73
- K 5
CMYK color chart

● #7af242 color description : Bright green.

The hexadecimal color #7af242 has RGB values of R:122, G:242, B:66 and CMYK values of C:0.5, M:0, Y:0.73, K:0.05. Its decimal value is 8057410.

Hex triplet	7af242	`#7af242`
RGB Decimal	122, 242, 66	`rgb(122,242,66)`
RGB Percent	47.8, 94.9, 25.9	`rgb(47.8%,94.9%,25.9%)`
CMYK	50, 0, 73, 5
HSL	100.9°, 87.1, 60.4	`hsl(100.9,87.1%,60.4%)`
HSV (or HSB)	100.9°, 72.7, 94.9
Web Safe	66ff33	`#66ff33`

CIE-LAB	86.023, -62.701, 70.059
XYZ	40.76, 68.032, 16.138
xyY	0.326, 0.545, 68.032
CIE-LCH	86.023, 94.02, 131.827
CIE-LUV	86.023, -56.935, 93.319
Hunter-Lab	82.482, -56.134, 46.137
Binary	01111010, 11110010, 01000010

#7af242
```
#7af242 rgb(122,242,66)
```
#ba42f2
```
#ba42f2 rgb(186,66,242)
```

Complementary Color

#d2f242
```
#d2f242 rgb(210,242,66)
```
#7af242
```
#7af242 rgb(122,242,66)
```
#42f262
```
#42f262 rgb(66,242,98)
```

Analogous Color

#f242d2
```
#f242d2 rgb(242,66,210)
```
#7af242
```
#7af242 rgb(122,242,66)
```
#6242f2
```
#6242f2 rgb(98,66,242)
```

Split Complementary Color

#f2427a
```
#f2427a rgb(242,66,122)
```
#7af242
```
#7af242 rgb(122,242,66)
```
#427af2
```
#427af2 rgb(66,122,242)
```

Triadic Color

#f2ba42
```
#f2ba42 rgb(242,186,66)
```
#7af242
```
#7af242 rgb(122,242,66)
```
#427af2
```
#427af2 rgb(66,122,242)
```
#ba42f2
```
#ba42f2 rgb(186,66,242)
```

Tetradic Color

#4fd90f
```
#4fd90f rgb(79,217,15)
```
#58ef12
```
#58ef12 rgb(88,239,18)
```
#69f02a
```
#69f02a rgb(105,240,42)
```
#7af242
```
#7af242 rgb(122,242,66)
```
#8bf45a
```
#8bf45a rgb(139,244,90)
```
#9cf572
```
#9cf572 rgb(156,245,114)
```
#acf78a
```
#acf78a rgb(172,247,138)
```

Monochromatic Color

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

#a6f242
```
#a6f242 rgb(166,242,66)
```
#97f242
```
#97f242 rgb(151,242,66)
```
#89f242
```
#89f242 rgb(137,242,66)
```
#7af242
```
#7af242 rgb(122,242,66)
```
#6bf242
```
#6bf242 rgb(107,242,66)
```
#5df242
```
#5df242 rgb(93,242,66)
```
#4ef242
```
#4ef242 rgb(78,242,66)
```

Similar Colors

Text with hexadecimal color #7af242

This text has a font color of #7af242.

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

#7af242 background color

This paragraph has a background color of #7af242.

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

#7af242 border color

This element has a border color of #7af242.

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

CSS codes

.text {color:#7af242;}

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

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

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

#050d01
```
#050d01 rgb(5,13,1)
```
#0b1f02
```
#0b1f02 rgb(11,31,2)
```
#123203
```
#123203 rgb(18,50,3)
```
#194405
```
#194405 rgb(25,68,5)
```
#205606
```
#205606 rgb(32,86,6)
```
#266907
```
#266907 rgb(38,105,7)
```
#2d7b08
```
#2d7b08 rgb(45,123,8)
```
#348d0a
```
#348d0a rgb(52,141,10)
```
#3aa00b
```
#3aa00b rgb(58,160,11)
```
#41b20c
```
#41b20c rgb(65,178,12)
```
#48c40e
```
#48c40e rgb(72,196,14)
```
#4ed70f
```
#4ed70f rgb(78,215,15)
```
#55e910
```
#55e910 rgb(85,233,16)
```

Shade Color Variation

#60ef1d
```
#60ef1d rgb(96,239,29)
```
#6df130
```
#6df130 rgb(109,241,48)
```
#7af242
```
#7af242 rgb(122,242,66)
```
#87f354
```
#87f354 rgb(135,243,84)
```
#94f567
```
#94f567 rgb(148,245,103)
```
#a1f679
```
#a1f679 rgb(161,246,121)
```
#aef78b
```
#aef78b rgb(174,247,139)
```
#bbf89e
```
#bbf89e rgb(187,248,158)
```
#c7fab0
```
#c7fab0 rgb(199,250,176)
```
#d4fbc2
```
#d4fbc2 rgb(212,251,194)
```
#e1fcd5
```
#e1fcd5 rgb(225,252,213)
```
#eefde7
```
#eefde7 rgb(238,253,231)
```
#fbfffa
```
#fbfffa rgb(251,255,250)
```

Tint Color Variation

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

#999d97
```
#999d97 rgb(153,157,151)
```
#96a490
```
#96a490 rgb(150,164,144)
```
#93ac88
```
#93ac88 rgb(147,172,136)
```
#91b480
```
#91b480 rgb(145,180,128)
```
#8ebc78
```
#8ebc78 rgb(142,188,120)
```
#8bc371
```
#8bc371 rgb(139,195,113)
```
#88cb69
```
#88cb69 rgb(136,203,105)
```
#85d361
```
#85d361 rgb(133,211,97)
```
#82db59
```
#82db59 rgb(130,219,89)
```
#80e252
```
#80e252 rgb(128,226,82)
```
#7dea4a
```
#7dea4a rgb(125,234,74)
```
#7af242
```
#7af242 rgb(122,242,66)
```
#77fa3a
```
#77fa3a rgb(119,250,58)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#adc5a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2d945 Protanopia 1% of men
#ffd290 Deuteranopia 1% of men
#a3e3f3 Tritanopia 0.001% of the population

Trichromacy

#c6e244 Protanomaly 1% of men, 0.01% of women
#cedd73 Deuteranomaly 6% of men, 0.4% of women
#94e8b3 Tritanomaly 0.01% of the population

#7af242 hex color

#7af242 Color Information

#7af242 Color Conversion

Color Schemes with #7af242

Alternatives to #7af242

#7af242 Preview

Shades and Tints of #7af242

Tones of #7af242

Color Blindness Simulator