#30ED8B

#30ED8B

Color Values

HEX

#30ED8B

RGB

48, 237, 139

HSL

148.9, 84.0%, 55.9%

HSV

148.9, 79.7%, 92.9%

CMYK

79.7%, 0.0%, 41.4%, 7.1%

OKLCH

0.835 0.1986 154.2

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#30ED8B

#ED3092

Analogous

#34ED30

#30EDEA

#30ED8B

Triadic

#30ED8B

#8B30ED

#ED8B30

Split Complementary

#30ED8B

#EA30ED

#ED3034

Tetradic

#30ED8B

#3034ED

#ED3092

#EDEA30

Color Blindness Simulation

Original

#30ED8B

Protanopia

#8283A3

Deuteranopia

#7769A8

Tritanopia

#39B5BA

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F2FDF7
100
#E0FAED
200
#BDF9DA
300
#8EF5C0
400
#51F09E
500
#14EB7C
600
#10BC63
700
#0D964F
800
#0A753E
900
#0C552F
950
#07361E

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

13.61:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026