#31AF6D

#31AF6D

Color Values

HEX

#31AF6D

RGB

49, 175, 109

HSL

148.6, 56.2%, 43.9%

HSV

148.6, 72.0%, 68.6%

CMYK

72.0%, 0.0%, 37.7%, 31.4%

OKLCH

0.67 0.1464 155.5

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#31AF6D

#AF3173

Analogous

#34AF31

#31AFAC

#31AF6D

Triadic

#31AF6D

#6D31AF

#AF6D31

Split Complementary

#31AF6D

#AC31AF

#AF3134

Tetradic

#31AF6D

#3134AF

#AF3173

#AFAC31

Color Blindness Simulation

Original

#31AF6D

Protanopia

#68697D

Deuteranopia

#605781

Tritanopia

#378A8C

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F4FBF7
100
#E5F6ED
200
#C7EFDA
300
#9FE4C0
400
#6CD69E
500
#38C77C
600
#2D9F63
700
#247F4F
800
#1C643E
900
#18492F
950
#0F2E1E

Contrast Checker

Text on white

2.81:1

AA Fail AAA Fail

Text on black

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