#3F5638

#3F5638

Color Values

HEX

#3F5638

RGB

63, 86, 56

HSL

106.0, 21.1%, 27.8%

HSV

106.0, 34.9%, 33.7%

CMYK

26.7%, 0.0%, 34.9%, 66.3%

OKLCH

0.4254 0.0558 138.5

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#3F5638

#4F3856

Analogous

#4E5638

#385640

#3F5638

Triadic

#3F5638

#383F56

#56383F

Split Complementary

#3F5638

#403856

#56384E

Tetradic

#3F5638

#384E56

#4F3856

#564038

Color Blindness Simulation

Original

#3F5638

Protanopia

#49493F

Deuteranopia

#484641

Tritanopia

#404546

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F7F9F6
100
#EBF0EA
200
#D7E3D4
300
#BBCFB5
400
#96B58D
500
#719A65
600
#5B7C50
700
#486340
800
#394D32
900
#2C3A27
950
#1C2419

Contrast Checker

Text on white

8.08:1

AA Pass AAA Pass

Text on black

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