#30AC30

#30AC30

Color Values

HEX

#30AC30

RGB

48, 172, 48

HSL

120.0, 56.4%, 43.1%

HSV

120.0, 72.1%, 67.5%

CMYK

72.1%, 0.0%, 72.1%, 32.5%

OKLCH

0.6532 0.1941 142.9

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#30AC30

#AC30AC

Analogous

#6EAC30

#30AC6E

#30AC30

Triadic

#30AC30

#3030AC

#AC3030

Split Complementary

#30AC30

#6E30AC

#AC306E

Tetradic

#30AC30

#306EAC

#AC30AC

#AC6E30

Color Blindness Simulation

Original

#30AC30

Protanopia

#66674E

Deuteranopia

#5E5555

Tritanopia

#36666B

Achromatopsia

#898989

CSS Usage

background-color: #30AC30;
color: #30AC30;
border-color: #30AC30;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F4FBF4
100
#E5F6E5
200
#C7EFC7
300
#9FE49F
400
#6BD66B
500
#38C738
600
#2CA02C
700
#248024
800
#1C641C
900
#184918
950
#0F2E0F

Contrast Checker

Text on white

2.97:1

AA Fail AAA Fail

Text on black

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