#3F9742

#3F9742

Color Values

HEX

#3F9742

RGB

63, 151, 66

HSL

122.0, 41.1%, 42.0%

HSV

122.0, 58.3%, 59.2%

CMYK

58.3%, 0.0%, 56.3%, 40.8%

OKLCH

0.6029 0.1483 144.0

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#3F9742

#973F94

Analogous

#68973F

#3F976E

#3F9742

Triadic

#3F9742

#423F97

#97423F

Split Complementary

#3F9742

#6E3F97

#973F68

Tetradic

#3F9742

#3F6897

#973F94

#976E3F

Color Blindness Simulation

Original

#3F9742

Protanopia

#656657

Deuteranopia

#60595C

Tritanopia

#43676A

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F3E7
200
#CDEACE
300
#A9DBAA
400
#7AC77C
500
#4BB44F
600
#3C903F
700
#307332
800
#265A27
900
#1F4220
950
#132A14

Contrast Checker

Text on white

3.67:1

AA Fail AAA Fail

Text on black

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