#00FF31

#00FF31

Color Values

HEX

#00FF31

RGB

0, 255, 49

HSL

131.5, 100.0%, 50.0%

HSV

131.5, 100.0%, 100.0%

CMYK

100.0%, 0.0%, 80.8%, 0.0%

OKLCH

0.8677 0.2846 143.6

Properties

Cool Light Nearest: Electric Lime

Color Harmonies

Complementary

#00FF31

#FF00CE

Analogous

#4FFF00

#00FFB0

#00FF31

Triadic

#00FF31

#3100FF

#FF3100

Split Complementary

#00FF31

#B000FF

#FF004F

Tetradic

#00FF31

#004FFF

#FF00CE

#FFB000

Color Blindness Simulation

Original

#00FF31

Protanopia

#6E7163

Deuteranopia

#604C6F

Tritanopia

#0D8A93

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F1FEF3
100
#DEFCE4
200
#B8FFC5
300
#85FF9C
400
#42FF66
500
#00FF31
600
#00CC27
700
#00A31F
800
#008018
900
#055C16
950
#033A0E

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