#30F429

#30F429

Color Values

HEX

#30F429

RGB

48, 244, 41

HSL

117.9, 90.2%, 55.9%

HSV

117.9, 83.2%, 95.7%

CMYK

80.3%, 0.0%, 83.2%, 4.3%

OKLCH

0.8426 0.2722 142.4

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#30F429

#ED29F4

Analogous

#96F429

#29F487

#30F429

Triadic

#30F429

#2930F4

#F42930

Split Complementary

#30F429

#8729F4

#F42996

Tetradic

#30F429

#2996F4

#ED29F4

#F48729

Color Blindness Simulation

Original

#30F429

Protanopia

#85875A

Deuteranopia

#7A6B66

Tritanopia

#3A8189

Achromatopsia

#BCBCBC

CSS Usage

background-color: #30F429;
color: #30F429;
border-color: #30F429;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F2FDF1
100
#E0FBDF
200
#BDFCBB
300
#8EF98B
400
#52F64C
500
#15F30C
600
#10C20A
700
#0D9B08
800
#0A7906
900
#0C5809
950
#073706

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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