#31F096

#31F096

Color Values

HEX

#31F096

RGB

49, 240, 150

HSL

151.7, 86.4%, 56.7%

HSV

151.7, 79.6%, 94.1%

CMYK

79.6%, 0.0%, 37.5%, 5.9%

OKLCH

0.8447 0.1925 156.4

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#31F096

#F0318B

Analogous

#31F037

#31EBF0

#31F096

Triadic

#31F096

#9631F0

#F09631

Split Complementary

#31F096

#F031EB

#F03731

Tetradic

#31F096

#3731F0

#F0318B

#EBF031

Color Blindness Simulation

Original

#31F096

Protanopia

#8485AC

Deuteranopia

#796AB1

Tritanopia

#3BBDC1

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F2FDF8
100
#E0FAEE
200
#BCFADD
300
#8DF7C5
400
#4FF2A5
500
#11EE86
600
#0EBE6B
700
#0B9856
800
#097743
900
#0B5633
950
#073620

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

14.04:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026