#3F442F

#3F442F

Color Values

HEX

#3F442F

RGB

63, 68, 47

HSL

74.3, 18.3%, 22.5%

HSV

74.3, 30.9%, 26.7%

CMYK

7.4%, 0.0%, 30.9%, 73.3%

OKLCH

0.3756 0.0347 119.0

Properties

Cool Dark Nearest: RAL 6003 Olive Green

Color Harmonies

Complementary

#3F442F

#342F44

Analogous

#443E2F

#34442F

#3F442F

Triadic

#3F442F

#2F3F44

#442F3F

Split Complementary

#3F442F

#2F3444

#3E2F44

Tetradic

#3F442F

#2F443E

#342F44

#442F34

Color Blindness Simulation

Original

#3F442F

Protanopia

#414134

Deuteranopia

#414035

Tritanopia

#3F3839

Achromatopsia

#414141

CSS Usage

background-color: #3F442F;
color: #3F442F;
border-color: #3F442F;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#F8F9F6
100
#EFF0EA
200
#DFE2D5
300
#C8CDB7
400
#AAB28F
500
#8C9768
600
#707953
700
#596143
800
#464B34
900
#353828
950
#21241A

Contrast Checker

Text on white

10.1:1

AA Pass AAA Pass

Text on black

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