#3afd1f hex color

In a RGB color space, hex #3afd1f is composed of 22.7% red, 99.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 0% magenta, 87.7% yellow and 0.8% black. It has a hue angle of 112.7 degrees, a saturation of 98.2% and a lightness of 55.7%. #3afd1f color hex could be obtained by blending #74ff3e with #00fb00. Closest websafe color is: #33ff33.

♥
- f
- t
- g
- R 23
- G 99
- B 12
RGB color chart
- C 77
- M 0
- Y 88
- K 1
CMYK color chart

● #3afd1f color description : Vivid lime green.

The hexadecimal color #3afd1f has RGB values of R:58, G:253, B:31 and CMYK values of C:0.77, M:0, Y:0.88, K:0.01. Its decimal value is 3865887.

Hex triplet	3afd1f	`#3afd1f`
RGB Decimal	58, 253, 31	`rgb(58,253,31)`
RGB Percent	22.7, 99.2, 12.2	`rgb(22.7%,99.2%,12.2%)`
CMYK	77, 0, 88, 1
HSL	112.7°, 98.2, 55.7	`hsl(112.7,98.2%,55.7%)`
HSV (or HSB)	112.7°, 87.7, 99.2
Web Safe	33ff33	`#33ff33`

CIE-LAB	87.604, -81.107, 79.914
XYZ	37.116, 71.245, 13.092
xyY	0.306, 0.587, 71.245
CIE-LCH	87.604, 113.862, 135.424
CIE-LUV	87.604, -77.654, 104.36
Hunter-Lab	84.407, -69.222, 49.889
Binary	00111010, 11111101, 00011111

#3afd1f
```
#3afd1f rgb(58,253,31)
```
#e21ffd
```
#e21ffd rgb(226,31,253)
```

Complementary Color

#a9fd1f
```
#a9fd1f rgb(169,253,31)
```
#3afd1f
```
#3afd1f rgb(58,253,31)
```
#1ffd73
```
#1ffd73 rgb(31,253,115)
```

Analogous Color

#fd1fa9
```
#fd1fa9 rgb(253,31,169)
```
#3afd1f
```
#3afd1f rgb(58,253,31)
```
#731ffd
```
#731ffd rgb(115,31,253)
```

Split Complementary Color

#fd1f3a
```
#fd1f3a rgb(253,31,58)
```
#3afd1f
```
#3afd1f rgb(58,253,31)
```
#1f3afd
```
#1f3afd rgb(31,58,253)
```

Triadic Color

#fde21f
```
#fde21f rgb(253,226,31)
```
#3afd1f
```
#3afd1f rgb(58,253,31)
```
#1f3afd
```
#1f3afd rgb(31,58,253)
```
#e21ffd
```
#e21ffd rgb(226,31,253)
```

Tetradic Color

#1bce02
```
#1bce02 rgb(27,206,2)
```
#1ee702
```
#1ee702 rgb(30,231,2)
```
#24fd06
```
#24fd06 rgb(36,253,6)
```
#3afd1f
```
#3afd1f rgb(58,253,31)
```
#50fd38
```
#50fd38 rgb(80,253,56)
```
#66fd52
```
#66fd52 rgb(102,253,82)
```
#7dfe6b
```
#7dfe6b rgb(125,254,107)
```

Monochromatic Color

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

#72fd1f
```
#72fd1f rgb(114,253,31)
```
#5ffd1f
```
#5ffd1f rgb(95,253,31)
```
#4dfd1f
```
#4dfd1f rgb(77,253,31)
```
#3afd1f
```
#3afd1f rgb(58,253,31)
```
#28fd1f
```
#28fd1f rgb(40,253,31)
```
#1ffd29
```
#1ffd29 rgb(31,253,41)
```
#1ffd3b
```
#1ffd3b rgb(31,253,59)
```

Similar Colors

Text with hexadecimal color #3afd1f

This text has a font color of #3afd1f.

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

#3afd1f background color

This paragraph has a background color of #3afd1f.

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

#3afd1f border color

This element has a border color of #3afd1f.

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

CSS codes

.text {color:#3afd1f;}

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

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

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

#010900
```
#010900 rgb(1,9,0)
```
#041d00
```
#041d00 rgb(4,29,0)
```
#063000
```
#063000 rgb(6,48,0)
```
#094401
```
#094401 rgb(9,68,1)
```
#0b5701
```
#0b5701 rgb(11,87,1)
```
#0e6b01
```
#0e6b01 rgb(14,107,1)
```
#107e01
```
#107e01 rgb(16,126,1)
```
#139101
```
#139101 rgb(19,145,1)
```
#15a501
```
#15a501 rgb(21,165,1)
```
#18b802
```
#18b802 rgb(24,184,2)
```
#1acc02
```
#1acc02 rgb(26,204,2)
```
#1ddf02
```
#1ddf02 rgb(29,223,2)
```
#1ff302
```
#1ff302 rgb(31,243,2)
```

Shade Color Variation

#29fd0c
```
#29fd0c rgb(41,253,12)
```
#3afd1f
```
#3afd1f rgb(58,253,31)
```
#4bfd32
```
#4bfd32 rgb(75,253,50)
```
#5cfd46
```
#5cfd46 rgb(92,253,70)
```
#6dfe59
```
#6dfe59 rgb(109,254,89)
```
#7efe6d
```
#7efe6d rgb(126,254,109)
```
#8ffe80
```
#8ffe80 rgb(143,254,128)
```
#a1fe94
```
#a1fe94 rgb(161,254,148)
```
#b2fea7
```
#b2fea7 rgb(178,254,167)
```
#c3febb
```
#c3febb rgb(195,254,187)
```
#d4ffce
```
#d4ffce rgb(212,255,206)
```
#e5ffe1
```
#e5ffe1 rgb(229,255,225)
```
#f6fff5
```
#f6fff5 rgb(246,255,245)
```

Tint Color Variation

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

#899587
```
#899587 rgb(137,149,135)
```
#829d7f
```
#829d7f rgb(130,157,127)
```
#7ca676
```
#7ca676 rgb(124,166,118)
```
#75af6d
```
#75af6d rgb(117,175,109)
```
#6fb765
```
#6fb765 rgb(111,183,101)
```
#68c05c
```
#68c05c rgb(104,192,92)
```
#61c953
```
#61c953 rgb(97,201,83)
```
#5bd24a
```
#5bd24a rgb(91,210,74)
```
#54da42
```
#54da42 rgb(84,218,66)
```
#4ee339
```
#4ee339 rgb(78,227,57)
```
#47ec30
```
#47ec30 rgb(71,236,48)
```
#41f428
```
#41f428 rgb(65,244,40)
```
#3afd1f
```
#3afd1f rgb(58,253,31)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#93ba8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#f8dd20 Protanopia 1% of men
#ffd79e Deuteranopia 1% of men
#85ecfd Tritanopia 0.001% of the population

Trichromacy

#b3e91f Protanomaly 1% of men, 0.01% of women
#b7e570 Deuteranomaly 6% of men, 0.4% of women
#6af2ac Tritanomaly 0.01% of the population

#3afd1f hex color

#3afd1f Color Information

#3afd1f Color Conversion

Color Schemes with #3afd1f

Alternatives to #3afd1f

#3afd1f Preview

Shades and Tints of #3afd1f

Tones of #3afd1f

Color Blindness Simulator