#3F502B

#3F502B

Color Values

HEX

#3F502B

RGB

63, 80, 43

HSL

87.6, 30.1%, 24.1%

HSV

87.6, 46.2%, 31.4%

CMYK

21.2%, 0.0%, 46.2%, 68.6%

OKLCH

0.4066 0.0616 129.0

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#3F502B

#3C2B50

Analogous

#504E2B

#2C502B

#3F502B

Triadic

#3F502B

#2B3F50

#502B3F

Split Complementary

#3F502B

#2B2C50

#4E2B50

Tetradic

#3F502B

#2B504E

#3C2B50

#502B2C

Color Blindness Simulation

Original

#3F502B

Protanopia

#464734

Deuteranopia

#454436

Tritanopia

#403B3D

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F8F9F5
100
#EEF2E9
200
#DCE6D1
300
#C3D4AF
400
#A3BD84
500
#83A659
600
#688547
700
#546A39
800
#41532D
900
#323E23
950
#1F2716

Contrast Checker

Text on white

8.77:1

AA Pass AAA Pass

Text on black

2.39:1

AA Fail 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