#3FBA3F

#3FBA3F

Color Values

HEX

#3FBA3F

RGB

63, 186, 63

HSL

120.0, 49.4%, 48.8%

HSV

120.0, 66.1%, 72.9%

CMYK

66.1%, 0.0%, 66.1%, 27.1%

OKLCH

0.6958 0.1954 143.1

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#3FBA3F

#BA3FBA

Analogous

#7CBA3F

#3FBA7C

#3FBA3F

Triadic

#3FBA3F

#3F3FBA

#BA3F3F

Split Complementary

#3FBA3F

#7C3FBA

#BA3F7C

Tetradic

#3FBA3F

#3F7CBA

#BA3FBA

#BA7C3F

Color Blindness Simulation

Original

#3FBA3F

Protanopia

#74755D

Deuteranopia

#6D6464

Tritanopia

#457479

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F4FBF4
100
#E6F5E6
200
#CAEDCA
300
#A4E0A4
400
#72CF72
500
#41BE41
600
#349834
700
#297A29
800
#205F20
900
#1B461B
950
#112C11

Contrast Checker

Text on white

2.53:1

AA Fail AAA Fail

Text on black

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