#30F492

#30F492

Color Values

HEX

#30F492

RGB

48, 244, 146

HSL

150.0, 89.9%, 57.3%

HSV

150.0, 80.3%, 95.7%

CMYK

80.3%, 0.0%, 40.2%, 4.3%

OKLCH

0.8538 0.201 154.9

Properties

Cool Light Nearest: mediumspringgreen

Color Harmonies

Complementary

#30F492

#F43092

Analogous

#30F430

#30F4F4

#30F492

Triadic

#30F492

#9230F4

#F49230

Split Complementary

#30F492

#F430F4

#F43030

Tetradic

#30F492

#3030F4

#F43092

#F4F430

Color Blindness Simulation

Original

#30F492

Protanopia

#8587AA

Deuteranopia

#7A6BAF

Tritanopia

#3ABCC1

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F2FDF7
100
#E0FBED
200
#BBFBDB
300
#8BF9C2
400
#4CF5A1
500
#0DF280
600
#0AC266
700
#089B52
800
#067940
900
#095830
950
#06371F

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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