#3FE090

#3FE090

Color Values

HEX

#3FE090

RGB

63, 224, 144

HSL

150.2, 72.2%, 56.3%

HSV

150.2, 71.9%, 87.8%

CMYK

71.9%, 0.0%, 35.7%, 12.2%

OKLCH

0.8058 0.1741 156.6

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#3FE090

#E03F8F

Analogous

#3FE040

#3FDFE0

#3FE090

Triadic

#3FE090

#903FE0

#E0903F

Split Complementary

#3FE090

#E03FDF

#E0403F

Tetradic

#3FE090

#403FE0

#E03F8F

#DFE03F

Color Blindness Simulation

Original

#3FE090

Protanopia

#8586A3

Deuteranopia

#7B6FA8

Tritanopia

#47B3B6

Achromatopsia

#B8B8B8

CSS Usage

background-color: #3FE090;
color: #3FE090;
border-color: #3FE090;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F3FCF7
100
#E2F8ED
200
#C2F5DB
300
#96EEC2
400
#5DE5A1
500
#23DC80
600
#1CB066
700
#178D52
800
#126E40
900
#115031
950
#0B321F

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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