#31F894

#31F894

Color Values

HEX

#31F894

RGB

49, 248, 148

HSL

149.8, 93.4%, 58.2%

HSV

149.8, 80.2%, 97.3%

CMYK

80.2%, 0.0%, 40.3%, 2.7%

OKLCH

0.8643 0.2039 154.7

Properties

Cool Light Nearest: mediumspringgreen

Color Harmonies

Complementary

#31F894

#F83195

Analogous

#32F831

#31F8F7

#31F894

Triadic

#31F894

#9431F8

#F89431

Split Complementary

#31F894

#F731F8

#F83132

Tetradic

#31F894

#3132F8

#F83195

#F8F731

Color Blindness Simulation

Original

#31F894

Protanopia

#8789AC

Deuteranopia

#7C6DB2

Tritanopia

#3BBFC4

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F1FDF7
100
#DFFBED
200
#BAFDDB
300
#89FBC1
400
#49F9A0
500
#08F77F
600
#07C565
700
#059E51
800
#047B3F
900
#085930
950
#05381E

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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