#30F094

#30F094

Color Values

HEX

#30F094

RGB

48, 240, 148

HSL

151.2, 86.5%, 56.5%

HSV

151.2, 80.0%, 94.1%

CMYK

80.0%, 0.0%, 38.3%, 5.9%

OKLCH

0.8441 0.1945 155.9

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#30F094

#F0308C

Analogous

#30F034

#30ECF0

#30F094

Triadic

#30F094

#9430F0

#F09430

Split Complementary

#30F094

#F030EC

#F03430

Tetradic

#30F094

#3430F0

#F0308C

#ECF030

Color Blindness Simulation

Original

#30F094

Protanopia

#8385AA

Deuteranopia

#786AB0

Tritanopia

#3ABCC0

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F2FDF8
100
#E0FAEE
200
#BCFADD
300
#8DF7C4
400
#4FF2A4
500
#11EE84
600
#0EBE6A
700
#0B9854
800
#097742
900
#0B5632
950
#073620

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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