#3af64f hex color

In a RGB color space, hex #3af64f is composed of 22.7% red, 96.5% green and 31% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 0% magenta, 67.9% yellow and 3.5% black. It has a hue angle of 126.7 degrees, a saturation of 91.3% and a lightness of 59.6%. #3af64f color hex could be obtained by blending #74ff9e with #00ed00. Closest websafe color is: #33ff66.

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

● #3af64f color description : Bright lime green.

The hexadecimal color #3af64f has RGB values of R:58, G:246, B:79 and CMYK values of C:0.76, M:0, Y:0.68, K:0.04. Its decimal value is 3864143.

Hex triplet	3af64f	`#3af64f`
RGB Decimal	58, 246, 79	`rgb(58,246,79)`
RGB Percent	22.7, 96.5, 31	`rgb(22.7%,96.5%,31%)`
CMYK	76, 0, 68, 4
HSL	126.7°, 91.3, 59.6	`hsl(126.7,91.3%,59.6%)`
HSV (or HSB)	126.7°, 76.4, 96.5
Web Safe	33ff66	`#33ff66`

CIE-LAB	85.691, -76.194, 64.562
XYZ	36.11, 67.372, 18.498
xyY	0.296, 0.552, 67.372
CIE-LCH	85.691, 99.868, 139.724
CIE-LUV	85.691, -74.404, 91.121
Hunter-Lab	82.08, -65.113, 44.095
Binary	00111010, 11110110, 01001111

#3af64f
```
#3af64f rgb(58,246,79)
```
#f63ae1
```
#f63ae1 rgb(246,58,225)
```

Complementary Color

#83f63a
```
#83f63a rgb(131,246,58)
```
#3af64f
```
#3af64f rgb(58,246,79)
```
#3af6ad
```
#3af6ad rgb(58,246,173)
```

Analogous Color

#f63a83
```
#f63a83 rgb(246,58,131)
```
#3af64f
```
#3af64f rgb(58,246,79)
```
#ad3af6
```
#ad3af6 rgb(173,58,246)
```

Split Complementary Color

#f64f3a
```
#f64f3a rgb(246,79,58)
```
#3af64f
```
#3af64f rgb(58,246,79)
```
#4f3af6
```
#4f3af6 rgb(79,58,246)
```

Triadic Color

#e1f63a
```
#e1f63a rgb(225,246,58)
```
#3af64f
```
#3af64f rgb(58,246,79)
```
#4f3af6
```
#4f3af6 rgb(79,58,246)
```
#f63ae1
```
#f63ae1 rgb(246,58,225)
```

Tetradic Color

#0ada21
```
#0ada21 rgb(10,218,33)
```
#0bf225
```
#0bf225 rgb(11,242,37)
```
#22f539
```
#22f539 rgb(34,245,57)
```
#3af64f
```
#3af64f rgb(58,246,79)
```
#52f765
```
#52f765 rgb(82,247,101)
```
#6bf87b
```
#6bf87b rgb(107,248,123)
```
#83f990
```
#83f990 rgb(131,249,144)
```

Monochromatic Color

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

#54f63a
```
#54f63a rgb(84,246,58)
```
#44f63a
```
#44f63a rgb(68,246,58)
```
#3af63f
```
#3af63f rgb(58,246,63)
```
#3af64f
```
#3af64f rgb(58,246,79)
```
#3af65f
```
#3af65f rgb(58,246,95)
```
#3af66e
```
#3af66e rgb(58,246,110)
```
#3af67e
```
#3af67e rgb(58,246,126)
```

Similar Colors

Text with hexadecimal color #3af64f

This text has a font color of #3af64f.

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

#3af64f background color

This paragraph has a background color of #3af64f.

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

#3af64f border color

This element has a border color of #3af64f.

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

CSS codes

.text {color:#3af64f;}

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

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

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, #000901 is the darkest color, while #f6fff7 is the lightest one.

#000901
```
#000901 rgb(0,9,1)
```
#011c04
```
#011c04 rgb(1,28,4)
```
#022f07
```
#022f07 rgb(2,47,7)
```
#03420a
```
#03420a rgb(3,66,10)
```
#04540d
```
#04540d rgb(4,84,13)
```
#056710
```
#056710 rgb(5,103,16)
```
#067a13
```
#067a13 rgb(6,122,19)
```
#068d15
```
#068d15 rgb(6,141,21)
```
#079f18
```
#079f18 rgb(7,159,24)
```
#08b21b
```
#08b21b rgb(8,178,27)
```
#09c51e
```
#09c51e rgb(9,197,30)
```
#0ad821
```
#0ad821 rgb(10,216,33)
```
#0bea24
```
#0bea24 rgb(11,234,36)
```

Shade Color Variation

#14f42d
```
#14f42d rgb(20,244,45)
```
#27f53e
```
#27f53e rgb(39,245,62)
```
#3af64f
```
#3af64f rgb(58,246,79)
```
#4df760
```
#4df760 rgb(77,247,96)
```
#60f871
```
#60f871 rgb(96,248,113)
```
#72f981
```
#72f981 rgb(114,249,129)
```
#85f992
```
#85f992 rgb(133,249,146)
```
#98faa3
```
#98faa3 rgb(152,250,163)
```
#abfbb4
```
#abfbb4 rgb(171,251,180)
```
#bdfcc4
```
#bdfcc4 rgb(189,252,196)
```
#d0fdd5
```
#d0fdd5 rgb(208,253,213)
```
#e3fee6
```
#e3fee6 rgb(227,254,230)
```
#f6fff7
```
#f6fff7 rgb(246,255,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #919f93 is the less saturated color, while #32fe49 is the most saturated one.

#919f93
```
#919f93 rgb(145,159,147)
```
#89a78d
```
#89a78d rgb(137,167,141)
```
#81af86
```
#81af86 rgb(129,175,134)
```
#79b780
```
#79b780 rgb(121,183,128)
```
#71bf7a
```
#71bf7a rgb(113,191,122)
```
#6ac674
```
#6ac674 rgb(106,198,116)
```
#62ce6e
```
#62ce6e rgb(98,206,110)
```
#5ad668
```
#5ad668 rgb(90,214,104)
```
#52de61
```
#52de61 rgb(82,222,97)
```
#4ae65b
```
#4ae65b rgb(74,230,91)
```
#42ee55
```
#42ee55 rgb(66,238,85)
```
#3af64f
```
#3af64f rgb(58,246,79)
```
#32fe49
```
#32fe49 rgb(50,254,73)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#94ba99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0d84f Protanopia 1% of men
#ffd08e Deuteranopia 1% of men
#80e7f8 Tritanopia 0.001% of the population

Trichromacy

#aee34f Protanomaly 1% of men, 0.01% of women
#b7de77 Deuteranomaly 6% of men, 0.4% of women
#66ecba Tritanomaly 0.01% of the population

#3af64f hex color

#3af64f Color Information

#3af64f Color Conversion

Color Schemes with #3af64f

Alternatives to #3af64f

#3af64f Preview

Shades and Tints of #3af64f

Tones of #3af64f

Color Blindness Simulator