#3F552E

#3F552E

Color Values

HEX

#3F552E

RGB

63, 85, 46

HSL

93.8, 29.8%, 25.7%

HSV

93.8, 45.9%, 33.3%

CMYK

25.9%, 0.0%, 45.9%, 66.7%

OKLCH

0.4206 0.0666 132.6

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#3F552E

#442E55

Analogous

#53552E

#2E5530

#3F552E

Triadic

#3F552E

#2E3F55

#552E3F

Split Complementary

#3F552E

#302E55

#552E53

Tetradic

#3F552E

#2E5355

#442E55

#55302E

Color Blindness Simulation

Original

#3F552E

Protanopia

#494937

Deuteranopia

#47463A

Tritanopia

#403F41

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F7F9F5
100
#EDF2E9
200
#DAE6D1
300
#BFD4B0
400
#9DBD85
500
#7BA55A
600
#628448
700
#4F6A39
800
#3D532D
900
#2F3D23
950
#1E2716

Contrast Checker

Text on white

8.23:1

AA Pass AAA Pass

Text on black

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