#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

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026