#3F6237

#3F6237

Color Values

HEX

#3F6237

RGB

63, 98, 55

HSL

108.8, 28.1%, 30.0%

HSV

108.8, 43.9%, 38.4%

CMYK

35.7%, 0.0%, 43.9%, 61.6%

OKLCH

0.4576 0.0785 139.9

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#3F6237

#5A3762

Analogous

#556237

#376244

#3F6237

Triadic

#3F6237

#373F62

#62373F

Split Complementary

#3F6237

#443762

#623755

Tetradic

#3F6237

#375562

#5A3762

#624437

Color Blindness Simulation

Original

#3F6237

Protanopia

#4E4E41

Deuteranopia

#4C4A44

Tritanopia

#414A4B

Achromatopsia

#575757

CSS Usage

background-color: #3F6237;
color: #3F6237;
border-color: #3F6237;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F6F9F6
100
#EAF1E9
200
#D5E5D1
300
#B7D3B1
400
#90BB86
500
#69A35C
600
#548349
700
#43693B
800
#35522E
900
#293D24
950
#1A2617

Contrast Checker

Text on white

6.97:1

AA Pass AAA Fail

Text on black

3.01:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026