#30DA37

#30DA37

Color Values

HEX

#30DA37

RGB

48, 218, 55

HSL

122.5, 69.7%, 52.2%

HSV

122.5, 78.0%, 85.5%

CMYK

78.0%, 0.0%, 74.8%, 14.5%

OKLCH

0.776 0.2402 143.2

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#30DA37

#DA30D3

Analogous

#7EDA30

#30DA8C

#30DA37

Triadic

#30DA37

#3730DA

#DA3730

Split Complementary

#30DA37

#8C30DA

#DA307E

Tetradic

#30DA37

#307EDA

#DA30D3

#DA8C30

Color Blindness Simulation

Original

#30DA37

Protanopia

#7A7B5E

Deuteranopia

#706368

Tritanopia

#387E84

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F3FCF3
100
#E3F8E3
200
#C2F4C4
300
#97EC9B
400
#5FE264
500
#27D82E
600
#1FAD25
700
#198A1D
800
#136C17
900
#124F15
950
#0B320D

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

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