#3FB642

#3FB642

Color Values

HEX

#3FB642

RGB

63, 182, 66

HSL

121.5, 48.6%, 48.0%

HSV

121.5, 65.4%, 71.4%

CMYK

65.4%, 0.0%, 63.7%, 28.6%

OKLCH

0.6855 0.1884 143.5

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#3FB642

#B63FB3

Analogous

#77B63F

#3FB67D

#3FB642

Triadic

#3FB642

#423FB6

#B6423F

Split Complementary

#3FB642

#7D3FB6

#B63F77

Tetradic

#3FB642

#3F77B6

#B63FB3

#B67D3F

Color Blindness Simulation

Original

#3FB642

Protanopia

#73745E

Deuteranopia

#6C6365

Tritanopia

#457479

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F4FBF4
100
#E6F5E6
200
#CAEDCB
300
#A4E0A6
400
#73CF75
500
#42BD45
600
#349837
700
#2A792C
800
#215F22
900
#1B461C
950
#112C12

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

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