#31FF98

#31FF98

Color Values

HEX

#31FF98

RGB

49, 255, 152

HSL

150.0, 100.0%, 59.6%

HSV

150.0, 80.8%, 100.0%

CMYK

80.8%, 0.0%, 40.4%, 0.0%

OKLCH

0.8824 0.2089 154.7

Properties

Cool Light Nearest: mediumspringgreen

Color Harmonies

Complementary

#31FF98

#FF3198

Analogous

#31FF31

#31FFFF

#31FF98

Triadic

#31FF98

#9831FF

#FF9831

Split Complementary

#31FF98

#FF31FF

#FF3131

Tetradic

#31FF98

#3131FF

#FF3198

#FFFF31

Color Blindness Simulation

Original

#31FF98

Protanopia

#8A8CB1

Deuteranopia

#7E6FB7

Tritanopia

#3BC5C9

Achromatopsia

#CCCCCC

CSS Usage

background-color: #31FF98;
color: #31FF98;
border-color: #31FF98;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F1FEF7
100
#DEFCED
200
#B8FFDB
300
#85FFC2
400
#42FFA1
500
#00FF80
600
#00CC66
700
#00A352
800
#008040
900
#055C30
950
#033A1F

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.89:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026