#3F9840

#3F9840

Color Values

HEX

#3F9840

RGB

63, 152, 64

HSL

120.7, 41.4%, 42.2%

HSV

120.7, 58.6%, 59.6%

CMYK

58.6%, 0.0%, 57.9%, 40.4%

OKLCH

0.6054 0.1515 143.6

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#3F9840

#983F97

Analogous

#6B983F

#3F986D

#3F9840

Triadic

#3F9840

#403F98

#98403F

Split Complementary

#3F9840

#6D3F98

#983F6B

Tetradic

#3F9840

#3F6B98

#983F97

#986D3F

Color Blindness Simulation

Original

#3F9840

Protanopia

#666655

Deuteranopia

#605A5A

Tritanopia

#43666A

Achromatopsia

#7F7F7F

CSS Usage

background-color: #3F9840;
color: #3F9840;
border-color: #3F9840;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F5FAF5
100
#E7F3E7
200
#CDEACD
300
#A8DBA9
400
#7AC87B
500
#4BB44C
600
#3C903D
700
#307331
800
#255A26
900
#1E431F
950
#132A13

Contrast Checker

Text on white

3.64:1

AA Fail AAA Fail

Text on black

5.78:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026