#31CC7B

#31CC7B

Color Values

HEX

#31CC7B

RGB

49, 204, 123

HSL

148.6, 61.3%, 49.6%

HSV

148.6, 76.0%, 80.0%

CMYK

76.0%, 0.0%, 39.7%, 20.0%

OKLCH

0.7482 0.1715 154.8

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#31CC7B

#CC3182

Analogous

#35CC31

#31CCC8

#31CC7B

Triadic

#31CC7B

#7B31CC

#CC7B31

Split Complementary

#31CC7B

#C831CC

#CC3135

Tetradic

#31CC7B

#3135CC

#CC3182

#CCC831

Color Blindness Simulation

Original

#31CC7B

Protanopia

#74758F

Deuteranopia

#6B6093

Tritanopia

#399EA1

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#F3FBF7
100
#E4F6ED
200
#C5F1DA
300
#9CE7C0
400
#67DA9E
500
#31CE7C
600
#27A563
700
#20844F
800
#19673E
900
#164B2F
950
#0E2F1E

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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