#3AF00F

#3AF00F

Color Values

HEX

#3AF00F

RGB

58, 240, 15

HSL

108.5, 88.2%, 50.0%

HSV

108.5, 93.8%, 94.1%

CMYK

75.8%, 0.0%, 93.8%, 5.9%

OKLCH

0.8331 0.2725 141.2

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#3AF00F

#C50FF0

Analogous

#ABF00F

#0FF054

#3AF00F

Triadic

#3AF00F

#0F3AF0

#F00F3A

Split Complementary

#3AF00F

#540FF0

#F00FAB

Tetradic

#3AF00F

#0FABF0

#C50FF0

#F0540F

Color Blindness Simulation

Original

#3AF00F

Protanopia

#898A45

Deuteranopia

#7E7152

Tritanopia

#43707A

Achromatopsia

#B9B9B9

CSS Usage

background-color: #3AF00F;
color: #3AF00F;
border-color: #3AF00F;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F4FDF2
100
#E5FBE0
200
#C8FBBC
300
#A1F88C
400
#6DF44D
500
#3AF00F
600
#2FC00C
700
#259A0A
800
#1D7808
900
#19570A
950
#103706

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

13.65:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026