#30DD86

#30DD86

Color Values

HEX

#30DD86

RGB

48, 221, 134

HSL

149.8, 71.8%, 52.7%

HSV

149.8, 78.3%, 86.7%

CMYK

78.3%, 0.0%, 39.4%, 13.3%

OKLCH

0.7936 0.1833 155.2

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#30DD86

#DD3087

Analogous

#30DD30

#30DDDC

#30DD86

Triadic

#30DD86

#8630DD

#DD8630

Split Complementary

#30DD86

#DC30DD

#DD3030

Tetradic

#30DD86

#3030DD

#DD3087

#DDDC30

Color Blindness Simulation

Original

#30DD86

Protanopia

#7B7C9B

Deuteranopia

#7164A0

Tritanopia

#39ACAF

Achromatopsia

#B2B2B2

CSS Usage

background-color: #30DD86;
color: #30DD86;
border-color: #30DD86;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F3FCF7
100
#E2F8ED
200
#C2F5DB
300
#96EEC2
400
#5DE4A0
500
#24DB7F
600
#1DAF66
700
#178C51
800
#126E3F
900
#115030
950
#0B321E

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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