#3F9848

#3F9848

Color Values

HEX

#3F9848

RGB

63, 152, 72

HSL

126.1, 41.4%, 42.2%

HSV

126.1, 58.6%, 59.6%

CMYK

58.6%, 0.0%, 52.6%, 40.4%

OKLCH

0.6065 0.1442 145.4

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#3F9848

#983F8F

Analogous

#63983F

#3F9875

#3F9848

Triadic

#3F9848

#483F98

#98483F

Split Complementary

#3F9848

#753F98

#983F63

Tetradic

#3F9848

#3F6398

#983F8F

#98753F

Color Blindness Simulation

Original

#3F9848

Protanopia

#66665B

Deuteranopia

#605A60

Tritanopia

#436B6E

Achromatopsia

#7F7F7F

CSS Usage

background-color: #3F9848;
color: #3F9848;
border-color: #3F9848;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CDEAD0
300
#A8DBAE
400
#7AC882
500
#4BB455
600
#3C9044
700
#307337
800
#255A2B
900
#1E4322
950
#132A16

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

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