#3F5228

#3F5228

Color Values

HEX

#3F5228

RGB

63, 82, 40

HSL

87.1, 34.4%, 23.9%

HSV

87.1, 51.2%, 32.2%

CMYK

23.2%, 0.0%, 51.2%, 67.8%

OKLCH

0.4115 0.0688 129.0

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#3F5228

#3B2852

Analogous

#525028

#2A5228

#3F5228

Triadic

#3F5228

#283F52

#52283F

Split Complementary

#3F5228

#282A52

#502852

Tetradic

#3F5228

#285250

#3B2852

#52282A

Color Blindness Simulation

Original

#3F5228

Protanopia

#474732

Deuteranopia

#464535

Tritanopia

#403A3C

Achromatopsia

#4B4B4B

CSS Usage

background-color: #3F5228;
color: #3F5228;
border-color: #3F5228;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F8FAF5
100
#EEF2E8
200
#DCE8CF
300
#C4D7AD
400
#A4C180
500
#84AB54
600
#698943
700
#546E36
800
#42562A
900
#323F21
950
#202815

Contrast Checker

Text on white

8.58:1

AA Pass AAA Pass

Text on black

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