#30E730

#30E730

Color Values

HEX

#30E730

RGB

48, 231, 48

HSL

120.0, 79.2%, 54.7%

HSV

120.0, 79.2%, 90.6%

CMYK

79.2%, 0.0%, 79.2%, 9.4%

OKLCH

0.8094 0.2568 142.7

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#30E730

#E730E7

Analogous

#8BE730

#30E78B

#30E730

Triadic

#30E730

#3030E7

#E73030

Split Complementary

#30E730

#8B30E7

#E7308B

Tetradic

#30E730

#308BE7

#E730E7

#E78B30

Color Blindness Simulation

Original

#30E730

Protanopia

#7F815C

Deuteranopia

#756767

Tritanopia

#397F87

Achromatopsia

#B3B3B3

CSS Usage

background-color: #30E730;
color: #30E730;
border-color: #30E730;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F2FCF2
100
#E1F9E1
200
#BFF8BF
300
#91F291
400
#56EB56
500
#1BE41B
600
#15B715
700
#119211
800
#0D720D
900
#0E530E
950
#093409

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

12.6:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026