#2af700 hex color

In a RGB color space, hex #2af700 is composed of 16.5% red, 96.9% green and 0% blue. Whereas in a CMYK color space, it is composed of 83% cyan, 0% magenta, 100% yellow and 3.1% black. It has a hue angle of 109.8 degrees, a saturation of 100% and a lightness of 48.4%. #2af700 color hex could be obtained by blending #54ff00 with #00ef00. Closest websafe color is: #33ff00.

♥
- f
- t
- g
- R 16
- G 97
- B 0
RGB color chart
- C 83
- M 0
- Y 100
- K 3
CMYK color chart

● #2af700 color description : Pure (or mostly pure) lime green.

The hexadecimal color #2af700 has RGB values of R:42, G:247, B:0 and CMYK values of C:0.83, M:0, Y:1, K:0.03. Its decimal value is 2815744.

Hex triplet	2af700	`#2af700`
RGB Decimal	42, 247, 0	`rgb(42,247,0)`
RGB Percent	16.5, 96.9, 0	`rgb(16.5%,96.9%,0%)`
CMYK	83, 0, 100, 3
HSL	109.8°, 100, 48.4	`hsl(109.8,100%,48.4%)`
HSV (or HSB)	109.8°, 100, 96.9
Web Safe	33ff00	`#33ff00`

CIE-LAB	85.509, -81.861, 81.499
XYZ	34.214, 67.01, 11.131
xyY	0.305, 0.596, 67.01
CIE-LCH	85.509, 115.513, 135.127
CIE-LUV	85.509, -78.11, 104.326
Hunter-Lab	81.86, -68.649, 49.24
Binary	00101010, 11110111, 00000000

#2af700
```
#2af700 rgb(42,247,0)
```
#cd00f7
```
#cd00f7 rgb(205,0,247)
```

Complementary Color

#a6f700
```
#a6f700 rgb(166,247,0)
```
#2af700
```
#2af700 rgb(42,247,0)
```
#00f752
```
#00f752 rgb(0,247,82)
```

Analogous Color

#f700a6
```
#f700a6 rgb(247,0,166)
```
#2af700
```
#2af700 rgb(42,247,0)
```
#5200f7
```
#5200f7 rgb(82,0,247)
```

Split Complementary Color

#f7002a
```
#f7002a rgb(247,0,42)
```
#2af700
```
#2af700 rgb(42,247,0)
```
#002af7
```
#002af7 rgb(0,42,247)
```

Triadic Color

#f7cd00
```
#f7cd00 rgb(247,205,0)
```
#2af700
```
#2af700 rgb(42,247,0)
```
#002af7
```
#002af7 rgb(0,42,247)
```
#cd00f7
```
#cd00f7 rgb(205,0,247)
```

Tetradic Color

#1dab00
```
#1dab00 rgb(29,171,0)
```
#21c400
```
#21c400 rgb(33,196,0)
```
#26de00
```
#26de00 rgb(38,222,0)
```
#2af700
```
#2af700 rgb(42,247,0)
```
#3aff12
```
#3aff12 rgb(58,255,18)
```
#4fff2b
```
#4fff2b rgb(79,255,43)
```
#64ff45
```
#64ff45 rgb(100,255,69)
```

Monochromatic Color

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

#68f700
```
#68f700 rgb(104,247,0)
```
#53f700
```
#53f700 rgb(83,247,0)
```
#3ff700
```
#3ff700 rgb(63,247,0)
```
#2af700
```
#2af700 rgb(42,247,0)
```
#15f700
```
#15f700 rgb(21,247,0)
```
#01f700
```
#01f700 rgb(1,247,0)
```
#00f714
```
#00f714 rgb(0,247,20)
```

Similar Colors

Text with hexadecimal color #2af700

This text has a font color of #2af700.

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

#2af700 background color

This paragraph has a background color of #2af700.

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

#2af700 border color

This element has a border color of #2af700.

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

CSS codes

.text {color:#2af700;}

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

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

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, #020c00 is the darkest color, while #f8fff7 is the lightest one.

#020c00
```
#020c00 rgb(2,12,0)
```
#051f00
```
#051f00 rgb(5,31,0)
```
#093300
```
#093300 rgb(9,51,0)
```
#0c4600
```
#0c4600 rgb(12,70,0)
```
#0f5a00
```
#0f5a00 rgb(15,90,0)
```
#136e00
```
#136e00 rgb(19,110,0)
```
#168100
```
#168100 rgb(22,129,0)
```
#199500
```
#199500 rgb(25,149,0)
```
#1da900
```
#1da900 rgb(29,169,0)
```
#20bc00
```
#20bc00 rgb(32,188,0)
```
#23d000
```
#23d000 rgb(35,208,0)
```
#27e300
```
#27e300 rgb(39,227,0)
```
#2af700
```
#2af700 rgb(42,247,0)
```

Shade Color Variation

#35ff0c
```
#35ff0c rgb(53,255,12)
```
#45ff1f
```
#45ff1f rgb(69,255,31)
```
#56ff33
```
#56ff33 rgb(86,255,51)
```
#66ff46
```
#66ff46 rgb(102,255,70)
```
#76ff5a
```
#76ff5a rgb(118,255,90)
```
#86ff6e
```
#86ff6e rgb(134,255,110)
```
#97ff81
```
#97ff81 rgb(151,255,129)
```
#a7ff95
```
#a7ff95 rgb(167,255,149)
```
#b7ffa9
```
#b7ffa9 rgb(183,255,169)
```
#c8ffbc
```
#c8ffbc rgb(200,255,188)
```
#d8ffd0
```
#d8ffd0 rgb(216,255,208)
```
#e8ffe3
```
#e8ffe3 rgb(232,255,227)
```
#f8fff7
```
#f8fff7 rgb(248,255,247)
```

Tint Color Variation

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

#758572
```
#758572 rgb(117,133,114)
```
#6f8f69
```
#6f8f69 rgb(111,143,105)
```
#69985f
```
#69985f rgb(105,152,95)
```
#62a256
```
#62a256 rgb(98,162,86)
```
#5cab4c
```
#5cab4c rgb(92,171,76)
```
#56b543
```
#56b543 rgb(86,181,67)
```
#50be39
```
#50be39 rgb(80,190,57)
```
#49c830
```
#49c830 rgb(73,200,48)
```
#43d126
```
#43d126 rgb(67,209,38)
```
#3ddb1d
```
#3ddb1d rgb(61,219,29)
```
#37e413
```
#37e413 rgb(55,228,19)
```
#30ee0a
```
#30ee0a rgb(48,238,10)
```
#2af700
```
#2af700 rgb(42,247,0)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#87b07e Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2d800 Protanopia 1% of men
#ffd086 Deuteranopia 1% of men
#7ee6f7 Tritanopia 0.001% of the population

Trichromacy

#a9e300 Protanomaly 1% of men, 0.01% of women
#b1de55 Deuteranomaly 6% of men, 0.4% of women
#5fec9d Tritanomaly 0.01% of the population

#2af700 hex color

#2af700 Color Information

#2af700 Color Conversion

Color Schemes with #2af700

Alternatives to #2af700

#2af700 Preview

Shades and Tints of #2af700

Tones of #2af700

Color Blindness Simulator