#3AF30C

#3AF30C

Color Values

HEX

#3AF30C

RGB

58, 243, 12

HSL

108.1, 90.6%, 50.0%

HSV

108.1, 95.1%, 95.3%

CMYK

76.1%, 0.0%, 95.1%, 4.7%

OKLCH

0.8408 0.2757 141.2

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#3AF30C

#C50CF3

Analogous

#ADF30C

#0CF352

#3AF30C

Triadic

#3AF30C

#0C3AF3

#F30C3A

Split Complementary

#3AF30C

#520CF3

#F30CAD

Tetradic

#3AF30C

#0CADF3

#C50CF3

#F3520C

Color Blindness Simulation

Original

#3AF30C

Protanopia

#8A8C44

Deuteranopia

#7F7151

Tritanopia

#43707A

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F4FDF1
100
#E5FBDF
200
#C8FCBB
300
#A0F98A
400
#6DF64B
500
#3AF30C
600
#2EC20A
700
#259C08
800
#1D7A06
900
#195809
950
#103806

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

14.01: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