#3afd1e hex color

In a RGB color space, hex #3afd1e is composed of 22.7% red, 99.2% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 0% magenta, 88.1% yellow and 0.8% black. It has a hue angle of 112.5 degrees, a saturation of 98.2% and a lightness of 55.5%. #3afd1e color hex could be obtained by blending #74ff3c 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

● #3afd1e color description : Vivid lime green.

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

Hex triplet	3afd1e	`#3afd1e`
RGB Decimal	58, 253, 30	`rgb(58,253,30)`
RGB Percent	22.7, 99.2, 11.8	`rgb(22.7%,99.2%,11.8%)`
CMYK	77, 0, 88, 1
HSL	112.5°, 98.2, 55.5	`hsl(112.5,98.2%,55.5%)`
HSV (or HSB)	112.5°, 88.1, 99.2
Web Safe	33ff33	`#33ff33`

CIE-LAB	87.601, -81.138, 80.082
XYZ	37.103, 71.24, 13.024
xyY	0.306, 0.587, 71.24
CIE-LCH	87.601, 114.002, 135.376
CIE-LUV	87.601, -77.665, 104.475
Hunter-Lab	84.404, -69.241, 49.934
Binary	00111010, 11111101, 00011110

#3afd1e
```
#3afd1e rgb(58,253,30)
```
#e11efd
```
#e11efd rgb(225,30,253)
```

Complementary Color

#aafd1e
```
#aafd1e rgb(170,253,30)
```
#3afd1e
```
#3afd1e rgb(58,253,30)
```
#1efd72
```
#1efd72 rgb(30,253,114)
```

Analogous Color

#fd1eaa
```
#fd1eaa rgb(253,30,170)
```
#3afd1e
```
#3afd1e rgb(58,253,30)
```
#721efd
```
#721efd rgb(114,30,253)
```

Split Complementary Color

#fd1e3a
```
#fd1e3a rgb(253,30,58)
```
#3afd1e
```
#3afd1e rgb(58,253,30)
```
#1e3afd
```
#1e3afd rgb(30,58,253)
```

Triadic Color

#fde11e
```
#fde11e rgb(253,225,30)
```
#3afd1e
```
#3afd1e rgb(58,253,30)
```
#1e3afd
```
#1e3afd rgb(30,58,253)
```
#e11efd
```
#e11efd rgb(225,30,253)
```

Tetradic Color

#1bcd02
```
#1bcd02 rgb(27,205,2)
```
#1fe602
```
#1fe602 rgb(31,230,2)
```
#24fd05
```
#24fd05 rgb(36,253,5)
```
#3afd1e
```
#3afd1e rgb(58,253,30)
```
#50fd37
```
#50fd37 rgb(80,253,55)
```
#66fd51
```
#66fd51 rgb(102,253,81)
```
#7cfe6a
```
#7cfe6a rgb(124,254,106)
```

Monochromatic Color

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

#72fd1e
```
#72fd1e rgb(114,253,30)
```
#5ffd1e
```
#5ffd1e rgb(95,253,30)
```
#4dfd1e
```
#4dfd1e rgb(77,253,30)
```
#3afd1e
```
#3afd1e rgb(58,253,30)
```
#27fd1e
```
#27fd1e rgb(39,253,30)
```
#1efd27
```
#1efd27 rgb(30,253,39)
```
#1efd3a
```
#1efd3a rgb(30,253,58)
```

Similar Colors

Text with hexadecimal color #3afd1e

This text has a font color of #3afd1e.

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

#3afd1e background color

This paragraph has a background color of #3afd1e.

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

#3afd1e border color

This element has a border color of #3afd1e.

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

CSS codes

.text {color:#3afd1e;}

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

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

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

#010800
```
#010800 rgb(1,8,0)
```
#041c00
```
#041c00 rgb(4,28,0)
```
#062f00
```
#062f00 rgb(6,47,0)
```
#094301
```
#094301 rgb(9,67,1)
```
#0b5601
```
#0b5601 rgb(11,86,1)
```
#0e6a01
```
#0e6a01 rgb(14,106,1)
```
#117d01
```
#117d01 rgb(17,125,1)
```
#139001
```
#139001 rgb(19,144,1)
```
#16a401
```
#16a401 rgb(22,164,1)
```
#18b702
```
#18b702 rgb(24,183,2)
```
#1bcb02
```
#1bcb02 rgb(27,203,2)
```
#1ede02
```
#1ede02 rgb(30,222,2)
```
#20f202
```
#20f202 rgb(32,242,2)
```

Shade Color Variation

#29fd0b
```
#29fd0b rgb(41,253,11)
```
#3afd1e
```
#3afd1e rgb(58,253,30)
```
#4bfd31
```
#4bfd31 rgb(75,253,49)
```
#5cfd45
```
#5cfd45 rgb(92,253,69)
```
#6dfe58
```
#6dfe58 rgb(109,254,88)
```
#7efe6c
```
#7efe6c rgb(126,254,108)
```
#8ffe7f
```
#8ffe7f rgb(143,254,127)
```
#a0fe93
```
#a0fe93 rgb(160,254,147)
```
#b1fea6
```
#b1fea6 rgb(177,254,166)
```
#c2feba
```
#c2feba rgb(194,254,186)
```
#d3ffcd
```
#d3ffcd rgb(211,255,205)
```
#e4ffe0
```
#e4ffe0 rgb(228,255,224)
```
#f5fff4
```
#f5fff4 rgb(245,255,244)
```

Tint Color Variation

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

#889487
```
#889487 rgb(136,148,135)
```
#829d7e
```
#829d7e rgb(130,157,126)
```
#7ba675
```
#7ba675 rgb(123,166,117)
```
#75ae6d
```
#75ae6d rgb(117,174,109)
```
#6eb764
```
#6eb764 rgb(110,183,100)
```
#68c05b
```
#68c05b rgb(104,192,91)
```
#61c952
```
#61c952 rgb(97,201,82)
```
#5bd14a
```
#5bd14a rgb(91,209,74)
```
#54da41
```
#54da41 rgb(84,218,65)
```
#4ee338
```
#4ee338 rgb(78,227,56)
```
#47ec2f
```
#47ec2f rgb(71,236,47)
```
#41f427
```
#41f427 rgb(65,244,39)
```
#3afd1e
```
#3afd1e rgb(58,253,30)
```

Tone Color Variation

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

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

Trichromacy

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

#3afd1e hex color

#3afd1e Color Information

#3afd1e Color Conversion

Color Schemes with #3afd1e

Alternatives to #3afd1e

#3afd1e Preview

Shades and Tints of #3afd1e

Tones of #3afd1e

Color Blindness Simulator