#2af64f hex color

In a RGB color space, hex #2af64f is composed of 16.5% red, 96.5% green and 31% blue. Whereas in a CMYK color space, it is composed of 82.9% cyan, 0% magenta, 67.9% yellow and 3.5% black. It has a hue angle of 130.9 degrees, a saturation of 91.9% and a lightness of 56.5%. #2af64f color hex could be obtained by blending #54ff9e with #00ed00. Closest websafe color is: #33ff66.

♥
- f
- t
- g
- R 16
- G 96
- B 31
RGB color chart
- C 83
- M 0
- Y 68
- K 4
CMYK color chart

● #2af64f color description : Bright lime green.

The hexadecimal color #2af64f has RGB values of R:42, G:246, B:79 and CMYK values of C:0.83, M:0, Y:0.68, K:0.04. Its decimal value is 2815567.

Hex triplet	2af64f	`#2af64f`
RGB Decimal	42, 246, 79	`rgb(42,246,79)`
RGB Percent	16.5, 96.5, 31	`rgb(16.5%,96.5%,31%)`
CMYK	83, 0, 68, 4
HSL	130.9°, 91.9, 56.5	`hsl(130.9,91.9%,56.5%)`
HSV (or HSB)	130.9°, 82.9, 96.5
Web Safe	33ff66	`#33ff66`

CIE-LAB	85.486, -77.969, 64.281
XYZ	35.32, 66.964, 18.461
xyY	0.293, 0.555, 66.964
CIE-LCH	85.486, 101.051, 140.496
CIE-LUV	85.486, -76.501, 91.097
Hunter-Lab	81.832, -66.163, 43.907
Binary	00101010, 11110110, 01001111

#2af64f
```
#2af64f rgb(42,246,79)
```
#f62ad1
```
#f62ad1 rgb(246,42,209)
```

Complementary Color

#6bf62a
```
#6bf62a rgb(107,246,42)
```
#2af64f
```
#2af64f rgb(42,246,79)
```
#2af6b5
```
#2af6b5 rgb(42,246,181)
```

Analogous Color

#f62a6b
```
#f62a6b rgb(246,42,107)
```
#2af64f
```
#2af64f rgb(42,246,79)
```
#b52af6
```
#b52af6 rgb(181,42,246)
```

Split Complementary Color

#f64f2a
```
#f64f2a rgb(246,79,42)
```
#2af64f
```
#2af64f rgb(42,246,79)
```
#4f2af6
```
#4f2af6 rgb(79,42,246)
```

Triadic Color

#d1f62a
```
#d1f62a rgb(209,246,42)
```
#2af64f
```
#2af64f rgb(42,246,79)
```
#4f2af6
```
#4f2af6 rgb(79,42,246)
```
#f62ad1
```
#f62ad1 rgb(246,42,209)
```

Tetradic Color

#09cb2c
```
#09cb2c rgb(9,203,44)
```
#0ae331
```
#0ae331 rgb(10,227,49)
```
#12f53b
```
#12f53b rgb(18,245,59)
```
#2af64f
```
#2af64f rgb(42,246,79)
```
#42f763
```
#42f763 rgb(66,247,99)
```
#5bf877
```
#5bf877 rgb(91,248,119)
```
#73f98c
```
#73f98c rgb(115,249,140)
```

Monochromatic Color

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

#38f62a
```
#38f62a rgb(56,246,42)
```
#2af62d
```
#2af62d rgb(42,246,45)
```
#2af63e
```
#2af63e rgb(42,246,62)
```
#2af64f
```
#2af64f rgb(42,246,79)
```
#2af660
```
#2af660 rgb(42,246,96)
```
#2af671
```
#2af671 rgb(42,246,113)
```
#2af682
```
#2af682 rgb(42,246,130)
```

Similar Colors

Text with hexadecimal color #2af64f

This text has a font color of #2af64f.

<span style="color:#2af64f;">Text here</span>

#2af64f background color

This paragraph has a background color of #2af64f.

<p style="background-color:#2af64f;">Content here</p>

#2af64f border color

This element has a border color of #2af64f.

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

CSS codes

.text {color:#2af64f;}

.background {background-color:#2af64f;}

.border {border:1px solid #2af64f;}

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, #010d03 is the darkest color, while #f9fffa is the lightest one.

#010d03
```
#010d03 rgb(1,13,3)
```
#012007
```
#012007 rgb(1,32,7)
```
#02320b
```
#02320b rgb(2,50,11)
```
#03450f
```
#03450f rgb(3,69,15)
```
#045813
```
#045813 rgb(4,88,19)
```
#056b17
```
#056b17 rgb(5,107,23)
```
#057e1b
```
#057e1b rgb(5,126,27)
```
#06911f
```
#06911f rgb(6,145,31)
```
#07a323
```
#07a323 rgb(7,163,35)
```
#08b627
```
#08b627 rgb(8,182,39)
```
#08c92b
```
#08c92b rgb(8,201,43)
```
#09dc2f
```
#09dc2f rgb(9,220,47)
```
#0aef34
```
#0aef34 rgb(10,239,52)
```

Shade Color Variation

#17f53f
```
#17f53f rgb(23,245,63)
```
#2af64f
```
#2af64f rgb(42,246,79)
```
#3df75f
```
#3df75f rgb(61,247,95)
```
#50f86e
```
#50f86e rgb(80,248,110)
```
#62f87e
```
#62f87e rgb(98,248,126)
```
#75f98d
```
#75f98d rgb(117,249,141)
```
#88fa9d
```
#88fa9d rgb(136,250,157)
```
#9bfbac
```
#9bfbac rgb(155,251,172)
```
#aefcbc
```
#aefcbc rgb(174,252,188)
```
#c1fccb
```
#c1fccb rgb(193,252,203)
```
#d3fddb
```
#d3fddb rgb(211,253,219)
```
#e6feeb
```
#e6feeb rgb(230,254,235)
```
#f9fffa
```
#f9fffa rgb(249,255,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #88988b is the less saturated color, while #21ff4a is the most saturated one.

#88988b
```
#88988b rgb(136,152,139)
```
#7fa185
```
#7fa185 rgb(127,161,133)
```
#77a980
```
#77a980 rgb(119,169,128)
```
#6eb27b
```
#6eb27b rgb(110,178,123)
```
#66ba75
```
#66ba75 rgb(102,186,117)
```
#5dc370
```
#5dc370 rgb(93,195,112)
```
#55cb6a
```
#55cb6a rgb(85,203,106)
```
#4cd465
```
#4cd465 rgb(76,212,101)
```
#44dc5f
```
#44dc5f rgb(68,220,95)
```
#3be55a
```
#3be55a rgb(59,229,90)
```
#33ed54
```
#33ed54 rgb(51,237,84)
```
#2af64f
```
#2af64f rgb(42,246,79)
```
#21ff4a
```
#21ff4a rgb(33,255,74)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#8db695 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0d84f Protanopia 1% of men
#ffd08c Deuteranopia 1% of men
#7be7f8 Tritanopia 0.001% of the population

Trichromacy

#a8e24f Protanomaly 1% of men, 0.01% of women
#b1dd76 Deuteranomaly 6% of men, 0.4% of women
#5decba Tritanomaly 0.01% of the population

#2af64f hex color

#2af64f Color Information

#2af64f Color Conversion

Color Schemes with #2af64f

Alternatives to #2af64f

#2af64f Preview

Shades and Tints of #2af64f

Tones of #2af64f

Color Blindness Simulator