#3aff1f hex color

In a RGB color space, hex #3aff1f is composed of 22.7% red, 100% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 0% magenta, 87.8% yellow and 0% black. It has a hue angle of 112.8 degrees, a saturation of 100% and a lightness of 56.1%. #3aff1f color hex could be obtained by blending #74ff3e with #00ff00. Closest websafe color is: #33ff33.

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

● #3aff1f color description : Vivid lime green.

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

Hex triplet	3aff1f	`#3aff1f`
RGB Decimal	58, 255, 31	`rgb(58,255,31)`
RGB Percent	22.7, 100, 12.2	`rgb(22.7%,100%,12.2%)`
CMYK	77, 0, 88, 0
HSL	112.8°, 100, 56.1	`hsl(112.8,100%,56.1%)`
HSV (or HSB)	112.8°, 87.8, 100
Web Safe	33ff33	`#33ff33`

CIE-LAB	88.216, -81.672, 80.44
XYZ	37.75, 72.514, 13.303
xyY	0.306, 0.587, 72.514
CIE-LCH	88.216, 114.633, 135.435
CIE-LUV	88.216, -78.289, 105.139
Hunter-Lab	85.155, -69.891, 50.346
Binary	00111010, 11111111, 00011111

#3aff1f
```
#3aff1f rgb(58,255,31)
```
#e41fff
```
#e41fff rgb(228,31,255)
```

Complementary Color

#aaff1f
```
#aaff1f rgb(170,255,31)
```
#3aff1f
```
#3aff1f rgb(58,255,31)
```
#1fff74
```
#1fff74 rgb(31,255,116)
```

Analogous Color

#ff1faa
```
#ff1faa rgb(255,31,170)
```
#3aff1f
```
#3aff1f rgb(58,255,31)
```
#741fff
```
#741fff rgb(116,31,255)
```

Split Complementary Color

#ff1f3a
```
#ff1f3a rgb(255,31,58)
```
#3aff1f
```
#3aff1f rgb(58,255,31)
```
#1f3aff
```
#1f3aff rgb(31,58,255)
```

Triadic Color

#ffe41f
```
#ffe41f rgb(255,228,31)
```
#3aff1f
```
#3aff1f rgb(58,255,31)
```
#1f3aff
```
#1f3aff rgb(31,58,255)
```
#e41fff
```
#e41fff rgb(228,31,255)
```

Tetradic Color

#19d200
```
#19d200 rgb(25,210,0)
```
#1ceb00
```
#1ceb00 rgb(28,235,0)
```
#24ff05
```
#24ff05 rgb(36,255,5)
```
#3aff1f
```
#3aff1f rgb(58,255,31)
```
#50ff39
```
#50ff39 rgb(80,255,57)
```
#67ff52
```
#67ff52 rgb(103,255,82)
```
#7dff6c
```
#7dff6c rgb(125,255,108)
```

Monochromatic Color

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

#72ff1f
```
#72ff1f rgb(114,255,31)
```
#5fff1f
```
#5fff1f rgb(95,255,31)
```
#4dff1f
```
#4dff1f rgb(77,255,31)
```
#3aff1f
```
#3aff1f rgb(58,255,31)
```
#27ff1f
```
#27ff1f rgb(39,255,31)
```
#1fff29
```
#1fff29 rgb(31,255,41)
```
#1fff3c
```
#1fff3c rgb(31,255,60)
```

Similar Colors

Text with hexadecimal color #3aff1f

This text has a font color of #3aff1f.

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

#3aff1f background color

This paragraph has a background color of #3aff1f.

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

#3aff1f border color

This element has a border color of #3aff1f.

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

CSS codes

.text {color:#3aff1f;}

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

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

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, #010b00 is the darkest color, while #f8fff7 is the lightest one.

#010b00
```
#010b00 rgb(1,11,0)
```
#041f00
```
#041f00 rgb(4,31,0)
```
#063300
```
#063300 rgb(6,51,0)
```
#084600
```
#084600 rgb(8,70,0)
```
#0b5a00
```
#0b5a00 rgb(11,90,0)
```
#0d6d00
```
#0d6d00 rgb(13,109,0)
```
#108100
```
#108100 rgb(16,129,0)
```
#129500
```
#129500 rgb(18,149,0)
```
#14a800
```
#14a800 rgb(20,168,0)
```
#17bc00
```
#17bc00 rgb(23,188,0)
```
#19d000
```
#19d000 rgb(25,208,0)
```
#1be300
```
#1be300 rgb(27,227,0)
```
#1ef700
```
#1ef700 rgb(30,247,0)
```

Shade Color Variation

#29ff0b
```
#29ff0b rgb(41,255,11)
```
#3aff1f
```
#3aff1f rgb(58,255,31)
```
#4bff33
```
#4bff33 rgb(75,255,51)
```
#5dff46
```
#5dff46 rgb(93,255,70)
```
#6eff5a
```
#6eff5a rgb(110,255,90)
```
#7fff6d
```
#7fff6d rgb(127,255,109)
```
#90ff81
```
#90ff81 rgb(144,255,129)
```
#a2ff95
```
#a2ff95 rgb(162,255,149)
```
#b3ffa8
```
#b3ffa8 rgb(179,255,168)
```
#c4ffbc
```
#c4ffbc rgb(196,255,188)
```
#d5ffd0
```
#d5ffd0 rgb(213,255,208)
```
#e7ffe3
```
#e7ffe3 rgb(231,255,227)
```
#f8fff7
```
#f8fff7 rgb(248,255,247)
```

Tint Color Variation

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

#889886
```
#889886 rgb(136,152,134)
```
#82a07e
```
#82a07e rgb(130,160,126)
```
#7ba975
```
#7ba975 rgb(123,169,117)
```
#75b16d
```
#75b16d rgb(117,177,109)
```
#6eba64
```
#6eba64 rgb(110,186,100)
```
#68c35b
```
#68c35b rgb(104,195,91)
```
#61cb53
```
#61cb53 rgb(97,203,83)
```
#5bd44a
```
#5bd44a rgb(91,212,74)
```
#54dd41
```
#54dd41 rgb(84,221,65)
```
#4ee539
```
#4ee539 rgb(78,229,57)
```
#47ee30
```
#47ee30 rgb(71,238,48)
```
#41f628
```
#41f628 rgb(65,246,40)
```
#3aff1f
```
#3aff1f rgb(58,255,31)
```

Tone Color Variation

Below, you can see how #3aff1f 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
#94bc8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#fadf20 Protanopia 1% of men
#ffd9a4 Deuteranopia 1% of men
#88edff Tritanopia 0.001% of the population

Trichromacy

#b4ea1f Protanomaly 1% of men, 0.01% of women
#b7e774 Deuteranomaly 6% of men, 0.4% of women
#6cf4ad Tritanomaly 0.01% of the population

#3aff1f hex color

#3aff1f Color Information

#3aff1f Color Conversion

Color Schemes with #3aff1f

Alternatives to #3aff1f

#3aff1f Preview

Shades and Tints of #3aff1f

Tones of #3aff1f

Color Blindness Simulator