#3FC060

#3FC060

Color Values

HEX

#3FC060

RGB

63, 192, 96

HSL

135.3, 50.6%, 50.0%

HSV

135.3, 67.2%, 75.3%

CMYK

67.2%, 0.0%, 50.0%, 24.7%

OKLCH

0.7156 0.176 148.3

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#3FC060

#C03F9F

Analogous

#5FC03F

#3FC0A0

#3FC060

Triadic

#3FC060

#603FC0

#C0603F

Split Complementary

#3FC060

#A03FC0

#C03F5F

Tetradic

#3FC060

#3F5FC0

#C03F9F

#C0A03F

Color Blindness Simulation

Original

#3FC060

Protanopia

#777877

Deuteranopia

#6F667D

Tritanopia

#458A8E

Achromatopsia

#9E9E9E

CSS Usage

background-color: #3FC060;
color: #3FC060;
border-color: #3FC060;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F4FBF6
100
#E5F5E9
200
#C9EDD2
300
#A3E1B3
400
#71D089
500
#3FC060
600
#329A4D
700
#287B3D
800
#1F6030
900
#1A4726
950
#112D18

Contrast Checker

Text on white

2.35:1

AA Fail AAA Fail

Text on black

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