#3af700 hex color

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

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

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

The hexadecimal color #3af700 has RGB values of R:58, G:247, B:0 and CMYK values of C:0.77, M:0, Y:1, K:0.03. Its decimal value is 3864320.

Hex triplet	3af700	`#3af700`
RGB Decimal	58, 247, 0	`rgb(58,247,0)`
RGB Percent	22.7, 96.9, 0	`rgb(22.7%,96.9%,0%)`
CMYK	77, 0, 100, 3
HSL	105.9°, 100, 48.4	`hsl(105.9,100%,48.4%)`
HSV (or HSB)	105.9°, 100, 96.9
Web Safe	33ff00	`#33ff00`

CIE-LAB	85.714, -80.028, 81.749
XYZ	35.004, 67.417, 11.168
xyY	0.308, 0.594, 67.417
CIE-LCH	85.714, 114.401, 134.39
CIE-LUV	85.714, -75.959, 104.292
Hunter-Lab	82.108, -67.592, 49.411
Binary	00111010, 11110111, 00000000

#3af700
```
#3af700 rgb(58,247,0)
```
#bd00f7
```
#bd00f7 rgb(189,0,247)
```

Complementary Color

#b6f700
```
#b6f700 rgb(182,247,0)
```
#3af700
```
#3af700 rgb(58,247,0)
```
#00f741
```
#00f741 rgb(0,247,65)
```

Analogous Color

#f700b6
```
#f700b6 rgb(247,0,182)
```
#3af700
```
#3af700 rgb(58,247,0)
```
#4100f7
```
#4100f7 rgb(65,0,247)
```

Split Complementary Color

#f7003a
```
#f7003a rgb(247,0,58)
```
#3af700
```
#3af700 rgb(58,247,0)
```
#003af7
```
#003af7 rgb(0,58,247)
```

Triadic Color

#f7bd00
```
#f7bd00 rgb(247,189,0)
```
#3af700
```
#3af700 rgb(58,247,0)
```
#003af7
```
#003af7 rgb(0,58,247)
```
#bd00f7
```
#bd00f7 rgb(189,0,247)
```

Tetradic Color

#28ab00
```
#28ab00 rgb(40,171,0)
```
#2ec400
```
#2ec400 rgb(46,196,0)
```
#34de00
```
#34de00 rgb(52,222,0)
```
#3af700
```
#3af700 rgb(58,247,0)
```
#49ff12
```
#49ff12 rgb(73,255,18)
```
#5dff2b
```
#5dff2b rgb(93,255,43)
```
#70ff45
```
#70ff45 rgb(112,255,69)
```

Monochromatic Color

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

#78f700
```
#78f700 rgb(120,247,0)
```
#63f700
```
#63f700 rgb(99,247,0)
```
#4ff700
```
#4ff700 rgb(79,247,0)
```
#3af700
```
#3af700 rgb(58,247,0)
```
#25f700
```
#25f700 rgb(37,247,0)
```
#11f700
```
#11f700 rgb(17,247,0)
```
#00f704
```
#00f704 rgb(0,247,4)
```

Similar Colors

Text with hexadecimal color #3af700

This text has a font color of #3af700.

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

#3af700 background color

This paragraph has a background color of #3af700.

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

#3af700 border color

This element has a border color of #3af700.

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

CSS codes

.text {color:#3af700;}

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

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

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

#030c00
```
#030c00 rgb(3,12,0)
```
#071f00
```
#071f00 rgb(7,31,0)
```
#0c3300
```
#0c3300 rgb(12,51,0)
```
#114600
```
#114600 rgb(17,70,0)
```
#155a00
```
#155a00 rgb(21,90,0)
```
#1a6e00
```
#1a6e00 rgb(26,110,0)
```
#1e8100
```
#1e8100 rgb(30,129,0)
```
#239500
```
#239500 rgb(35,149,0)
```
#28a900
```
#28a900 rgb(40,169,0)
```
#2cbc00
```
#2cbc00 rgb(44,188,0)
```
#31d000
```
#31d000 rgb(49,208,0)
```
#35e300
```
#35e300 rgb(53,227,0)
```
#3af700
```
#3af700 rgb(58,247,0)
```

Shade Color Variation

#45ff0c
```
#45ff0c rgb(69,255,12)
```
#54ff1f
```
#54ff1f rgb(84,255,31)
```
#63ff33
```
#63ff33 rgb(99,255,51)
```
#72ff46
```
#72ff46 rgb(114,255,70)
```
#81ff5a
```
#81ff5a rgb(129,255,90)
```
#90ff6e
```
#90ff6e rgb(144,255,110)
```
#9fff81
```
#9fff81 rgb(159,255,129)
```
#aeff95
```
#aeff95 rgb(174,255,149)
```
#bdffa9
```
#bdffa9 rgb(189,255,169)
```
#ccffbc
```
#ccffbc rgb(204,255,188)
```
#dbffd0
```
#dbffd0 rgb(219,255,208)
```
#eaffe3
```
#eaffe3 rgb(234,255,227)
```
#f9fff7
```
#f9fff7 rgb(249,255,247)
```

Tint Color Variation

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

#768572
```
#768572 rgb(118,133,114)
```
#718f69
```
#718f69 rgb(113,143,105)
```
#6c985f
```
#6c985f rgb(108,152,95)
```
#67a256
```
#67a256 rgb(103,162,86)
```
#62ab4c
```
#62ab4c rgb(98,171,76)
```
#5db543
```
#5db543 rgb(93,181,67)
```
#58be39
```
#58be39 rgb(88,190,57)
```
#53c830
```
#53c830 rgb(83,200,48)
```
#4ed126
```
#4ed126 rgb(78,209,38)
```
#49db1d
```
#49db1d rgb(73,219,29)
```
#44e413
```
#44e413 rgb(68,228,19)
```
#3fee0a
```
#3fee0a rgb(63,238,10)
```
#3af700
```
#3af700 rgb(58,247,0)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#8db382 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2d800 Protanopia 1% of men
#ffd189 Deuteranopia 1% of men
#84e6f7 Tritanopia 0.001% of the population

Trichromacy

#afe300 Protanomaly 1% of men, 0.01% of women
#b7df57 Deuteranomaly 6% of men, 0.4% of women
#69ec9d Tritanomaly 0.01% of the population

#3af700 hex color

#3af700 Color Information

#3af700 Color Conversion

Color Schemes with #3af700

Alternatives to #3af700

#3af700 Preview

Shades and Tints of #3af700

Tones of #3af700

Color Blindness Simulator