#00FF30

#00FF30

Color Values

HEX

#00FF30

RGB

0, 255, 48

HSL

131.3, 100.0%, 50.0%

HSV

131.3, 100.0%, 100.0%

CMYK

100.0%, 0.0%, 81.2%, 0.0%

OKLCH

0.8676 0.285 143.6

Properties

Cool Light Nearest: Electric Lime

Color Harmonies

Complementary

#00FF30

#FF00CF

Analogous

#4FFF00

#00FFB0

#00FF30

Triadic

#00FF30

#3000FF

#FF3000

Split Complementary

#00FF30

#B000FF

#FF004F

Tetradic

#00FF30

#004FFF

#FF00CF

#FFB000

Color Blindness Simulation

Original

#00FF30

Protanopia

#6E7162

Deuteranopia

#604C6E

Tritanopia

#0D8A92

Achromatopsia

#BABABA

CSS Usage

background-color: #00FF30;
color: #00FF30;
border-color: #00FF30;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F1FEF3
100
#DEFCE4
200
#B8FFC5
300
#85FF9C
400
#42FF66
500
#00FF30
600
#00CC26
700
#00A31F
800
#008018
900
#055C15
950
#033A0D

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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