#31CE80

#31CE80

Color Values

HEX

#31CE80

RGB

49, 206, 128

HSL

150.2, 61.6%, 50.0%

HSV

150.2, 76.2%, 80.8%

CMYK

76.2%, 0.0%, 37.9%, 19.2%

OKLCH

0.7543 0.1695 155.9

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#31CE80

#CE317F

Analogous

#31CE31

#31CECE

#31CE80

Triadic

#31CE80

#8031CE

#CE8031

Split Complementary

#31CE80

#CE31CE

#CE3131

Tetradic

#31CE80

#3131CE

#CE317F

#CECE31

Color Blindness Simulation

Original

#31CE80

Protanopia

#757693

Deuteranopia

#6C6097

Tritanopia

#39A2A5

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#F3FBF7
100
#E4F6ED
200
#C5F1DB
300
#9CE7C2
400
#67DBA1
500
#31CE80
600
#27A566
700
#1F8452
800
#186740
900
#164B31
950
#0E301F

Contrast Checker

Text on white

2.04:1

AA Fail AAA Fail

Text on black

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