#31AE7C

#31AE7C

Color Values

HEX

#31AE7C

RGB

49, 174, 124

HSL

156.0, 56.1%, 43.7%

HSV

156.0, 71.8%, 68.2%

CMYK

71.8%, 0.0%, 28.7%, 31.8%

OKLCH

0.6707 0.1316 161.9

Properties

Cool Light Nearest: Green

Color Harmonies

Complementary

#31AE7C

#AE3163

Analogous

#31AE3D

#31A1AE

#31AE7C

Triadic

#31AE7C

#7C31AE

#AE7C31

Split Complementary

#31AE7C

#AE31A1

#AE3D31

Tetradic

#31AE7C

#3D31AE

#AE3163

#A1AE31

Color Blindness Simulation

Original

#31AE7C

Protanopia

#676888

Deuteranopia

#60568B

Tritanopia

#379294

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F4FBF8
100
#E5F6EF
200
#C7EFDF
300
#9FE4C9
400
#6CD6AB
500
#38C78E
600
#2D9F71
700
#247F5B
800
#1C6447
900
#184935
950
#0F2E22

Contrast Checker

Text on white

2.81:1

AA Fail AAA Fail

Text on black

7.48:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026