#30DF91

#30DF91

Color Values

HEX

#30DF91

RGB

48, 223, 145

HSL

153,3, 73,2%, 53,1%

HSV

153,3, 78,5%, 87,5%

CMYK

78,5%, 0,0%, 35,0%, 12,5%

OKLCH

0,8008 0,1762 157,9

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#30DF91

#DF307E

Analogous

#30DF39

#30D5DF

#30DF91

Triadic

#30DF91

#9130DF

#DF9130

Split Complementary

#30DF91

#DF30D5

#DF3930

Tetradic

#30DF91

#3930DF

#DF307E

#D5DF30

Color Blindness Simulation

Original

#30DF91

Protanopia

#7C7DA4

Deuteranopia

#7264A8

Tritanopia

#39B3B6

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F3FCF8
100
#E2F8EE
200
#C1F5DE
300
#95EFC7
400
#5CE6A8
500
#22DD8A
600
#1BB16E
700
#168D58
800
#116E45
900
#115034
950
#0A3321

Contrast Checker

Text on white

1,74:1

AA Fail AAA Fail

Text on black

12,09:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

يناير 18, 2026