#31A968

#31A968

Color Values

HEX

#31A968

RGB

49, 169, 104

HSL

147.5, 55.0%, 42.7%

HSV

147.5, 71.0%, 66.3%

CMYK

71.0%, 0.0%, 38.5%, 33.7%

OKLCH

0.6532 0.143 154.9

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#31A968

#A93172

Analogous

#36A931

#31A9A4

#31A968

Triadic

#31A968

#6831A9

#A96831

Split Complementary

#31A968

#A431A9

#A93136

Tetradic

#31A968

#3136A9

#A93172

#A9A431

Color Blindness Simulation

Original

#31A968

Protanopia

#656678

Deuteranopia

#5E557C

Tritanopia

#378487

Achromatopsia

#8B8B8B

CSS Usage

background-color: #31A968;
color: #31A968;
border-color: #31A968;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F4FBF7
100
#E5F5EC
200
#C8EFDA
300
#A0E3BF
400
#6DD59C
500
#39C67A
600
#2E9E61
700
#257E4E
800
#1D633D
900
#18482E
950
#0F2E1D

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

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