#30EE2C

#30EE2C

Color Values

HEX

#30EE2C

RGB

48, 238, 44

HSL

118.8, 85.1%, 55.3%

HSV

118.8, 81.5%, 93.3%

CMYK

79.8%, 0.0%, 81.5%, 6.7%

OKLCH

0.8273 0.2653 142.5

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#30EE2C

#EA2CEE

Analogous

#91EE2C

#2CEE89

#30EE2C

Triadic

#30EE2C

#2C30EE

#EE2C30

Split Complementary

#30EE2C

#892CEE

#EE2C91

Tetradic

#30EE2C

#2C91EE

#EA2CEE

#EE892C

Color Blindness Simulation

Original

#30EE2C

Protanopia

#82845B

Deuteranopia

#776966

Tritanopia

#398088

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F2FDF2
100
#E1FAE0
200
#BEFABD
300
#90F68E
400
#54F150
500
#17EC13
600
#13BD0F
700
#0F970C
800
#0C7609
900
#0D560B
950
#083607

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

13.39:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026