#3af712 hex color

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

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

● #3af712 color description : Vivid lime green.

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

Hex triplet	3af712	`#3af712`
RGB Decimal	58, 247, 18	`rgb(58,247,18)`
RGB Percent	22.7, 96.9, 7.1	`rgb(22.7%,96.9%,7.1%)`
CMYK	77, 0, 93, 3
HSL	109.5°, 93.5, 52	`hsl(109.5,93.5%,52%)`
HSV (or HSB)	109.5°, 92.7, 96.9
Web Safe	33ff00	`#33ff00`

CIE-LAB	85.736, -79.751, 80.208
XYZ	35.113, 67.461, 11.743
xyY	0.307, 0.59, 67.461
CIE-LCH	85.736, 113.108, 134.836
CIE-LUV	85.736, -75.861, 103.283
Hunter-Lab	82.135, -67.426, 49.017
Binary	00111010, 11110111, 00010010

#3af712
```
#3af712 rgb(58,247,18)
```
#cf12f7
```
#cf12f7 rgb(207,18,247)
```

Complementary Color

#adf712
```
#adf712 rgb(173,247,18)
```
#3af712
```
#3af712 rgb(58,247,18)
```
#12f75c
```
#12f75c rgb(18,247,92)
```

Analogous Color

#f712ad
```
#f712ad rgb(247,18,173)
```
#3af712
```
#3af712 rgb(58,247,18)
```
#5c12f7
```
#5c12f7 rgb(92,18,247)
```

Split Complementary Color

#f7123a
```
#f7123a rgb(247,18,58)
```
#3af712
```
#3af712 rgb(58,247,18)
```
#123af7
```
#123af7 rgb(18,58,247)
```

Triadic Color

#f7cf12
```
#f7cf12 rgb(247,207,18)
```
#3af712
```
#3af712 rgb(58,247,18)
```
#123af7
```
#123af7 rgb(18,58,247)
```
#cf12f7
```
#cf12f7 rgb(207,18,247)
```

Tetradic Color

#25b606
```
#25b606 rgb(37,182,6)
```
#2acf07
```
#2acf07 rgb(42,207,7)
```
#2fe808
```
#2fe808 rgb(47,232,8)
```
#3af712
```
#3af712 rgb(58,247,18)
```
#4ff82b
```
#4ff82b rgb(79,248,43)
```
#63f943
```
#63f943 rgb(99,249,67)
```
#78f95c
```
#78f95c rgb(120,249,92)
```

Monochromatic Color

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

#73f712
```
#73f712 rgb(115,247,18)
```
#60f712
```
#60f712 rgb(96,247,18)
```
#4df712
```
#4df712 rgb(77,247,18)
```
#3af712
```
#3af712 rgb(58,247,18)
```
#27f712
```
#27f712 rgb(39,247,18)
```
#14f712
```
#14f712 rgb(20,247,18)
```
#12f723
```
#12f723 rgb(18,247,35)
```

Similar Colors

Text with hexadecimal color #3af712

This text has a font color of #3af712.

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

#3af712 background color

This paragraph has a background color of #3af712.

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

#3af712 border color

This element has a border color of #3af712.

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

CSS codes

.text {color:#3af712;}

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

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

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

#020a00
```
#020a00 rgb(2,10,0)
```
#061d01
```
#061d01 rgb(6,29,1)
```
#0a3002
```
#0a3002 rgb(10,48,2)
```
#0d4302
```
#0d4302 rgb(13,67,2)
```
#115603
```
#115603 rgb(17,86,3)
```
#156904
```
#156904 rgb(21,105,4)
```
#197c04
```
#197c04 rgb(25,124,4)
```
#1d8e05
```
#1d8e05 rgb(29,142,5)
```
#21a105
```
#21a105 rgb(33,161,5)
```
#25b406
```
#25b406 rgb(37,180,6)
```
#28c707
```
#28c707 rgb(40,199,7)
```
#2cda07
```
#2cda07 rgb(44,218,7)
```
#30ed08
```
#30ed08 rgb(48,237,8)
```

Shade Color Variation

#3af712
```
#3af712 rgb(58,247,18)
```
#4af825
```
#4af825 rgb(74,248,37)
```
#5af838
```
#5af838 rgb(90,248,56)
```
#69f94b
```
#69f94b rgb(105,249,75)
```
#79fa5e
```
#79fa5e rgb(121,250,94)
```
#89fa71
```
#89fa71 rgb(137,250,113)
```
#99fb84
```
#99fb84 rgb(153,251,132)
```
#a8fb97
```
#a8fb97 rgb(168,251,151)
```
#b8fcaa
```
#b8fcaa rgb(184,252,170)
```
#c8fdbd
```
#c8fdbd rgb(200,253,189)
```
#d8fdd0
```
#d8fdd0 rgb(216,253,208)
```
#e7fee3
```
#e7fee3 rgb(231,254,227)
```
#f7fff6
```
#f7fff6 rgb(247,255,246)
```

Tint Color Variation

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

#848683
```
#848683 rgb(132,134,131)
```
#7d8f7a
```
#7d8f7a rgb(125,143,122)
```
#779970
```
#779970 rgb(119,153,112)
```
#71a267
```
#71a267 rgb(113,162,103)
```
#6bac5d
```
#6bac5d rgb(107,172,93)
```
#65b554
```
#65b554 rgb(101,181,84)
```
#5fbe4b
```
#5fbe4b rgb(95,190,75)
```
#59c841
```
#59c841 rgb(89,200,65)
```
#53d138
```
#53d138 rgb(83,209,56)
```
#4cdb2e
```
#4cdb2e rgb(76,219,46)
```
#46e425
```
#46e425 rgb(70,228,37)
```
#40ee1b
```
#40ee1b rgb(64,238,27)
```
#3af712
```
#3af712 rgb(58,247,18)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#8fb587 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2d80d Protanopia 1% of men
#ffd18a Deuteranopia 1% of men
#83e6f7 Tritanopia 0.001% of the population

Trichromacy

#afe30e Protanomaly 1% of men, 0.01% of women
#b7df5e Deuteranomaly 6% of men, 0.4% of women
#68eca4 Tritanomaly 0.01% of the population

#3af712 hex color

#3af712 Color Information

#3af712 Color Conversion

Color Schemes with #3af712

Alternatives to #3af712

#3af712 Preview

Shades and Tints of #3af712

Tones of #3af712

Color Blindness Simulator