#31DC87

#31DC87

Color Values

HEX

#31DC87

RGB

49, 220, 135

HSL

150.2, 71.0%, 52.7%

HSV

150.2, 77.7%, 86.3%

CMYK

77.7%, 0.0%, 38.6%, 13.7%

OKLCH

0.7914 0.1809 155.5

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#31DC87

#DC3186

Analogous

#31DC31

#31DBDC

#31DC87

Triadic

#31DC87

#8731DC

#DC8731

Split Complementary

#31DC87

#DC31DB

#DC3131

Tetradic

#31DC87

#3131DC

#DC3186

#DBDC31

Color Blindness Simulation

Original

#31DC87

Protanopia

#7B7D9C

Deuteranopia

#7164A0

Tritanopia

#3AACAF

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E2F8ED
200
#C2F5DB
300
#96EDC2
400
#5EE4A1
500
#25DA80
600
#1EAE66
700
#188C52
800
#126D40
900
#114F31
950
#0B321F

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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