#31ED30

#31ED30

Color Values

HEX

#31ED30

RGB

49, 237, 48

HSL

119.7, 84.0%, 55.9%

HSV

119.7, 79.7%, 92.9%

CMYK

79.3%, 0.0%, 79.7%, 7.1%

OKLCH

0.825 0.2625 142.7

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#31ED30

#EC30ED

Analogous

#8FED30

#30ED8E

#31ED30

Triadic

#31ED30

#3031ED

#ED3031

Split Complementary

#31ED30

#8E30ED

#ED308F

Tetradic

#31ED30

#308FED

#EC30ED

#ED8E30

Color Blindness Simulation

Original

#31ED30

Protanopia

#82845E

Deuteranopia

#786969

Tritanopia

#3A828A

Achromatopsia

#B7B7B7

CSS Usage

background-color: #31ED30;
color: #31ED30;
border-color: #31ED30;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F2FDF2
100
#E1FAE0
200
#BEF9BD
300
#8FF58E
400
#52F051
500
#15EB14
600
#11BC10
700
#0E960D
800
#0B750A
900
#0C550C
950
#083607

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

13.29:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026