#30A428

#30A428

Color Values

HEX

#30A428

RGB

48, 164, 40

HSL

116.1, 60.8%, 40.0%

HSV

116.1, 75.6%, 64.3%

CMYK

70.7%, 0.0%, 75.6%, 35.7%

OKLCH

0.6309 0.1897 142.2

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#30A428

#9C28A4

Analogous

#6EA428

#28A45E

#30A428

Triadic

#30A428

#2830A4

#A42830

Split Complementary

#30A428

#5E28A4

#A4286E

Tetradic

#30A428

#286EA4

#9C28A4

#A45E28

Color Blindness Simulation

Original

#30A428

Protanopia

#626346

Deuteranopia

#5C534D

Tritanopia

#365E63

Achromatopsia

#828282

CSS Usage

background-color: #30A428;
color: #30A428;
border-color: #30A428;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F4FBF3
100
#E5F6E4
200
#C8F1C6
300
#A1E79D
400
#6FDA67
500
#3CCD32
600
#30A428
700
#268320
800
#1E6719
900
#194B16
950
#102F0E

Contrast Checker

Text on white

3.25:1

AA Fail AAA Fail

Text on black

6.47:1

AA Pass AAA Fail

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