#3F442B

#3F442B

Color Values

HEX

#3F442B

RGB

63, 68, 43

HSL

72.0, 22.5%, 21.8%

HSV

72.0, 36.8%, 26.7%

CMYK

7.4%, 0.0%, 36.8%, 73.3%

OKLCH

0.3747 0.0406 117.6

Properties

Cool Dark Nearest: RAL 6003 Olive Green

Color Harmonies

Complementary

#3F442B

#302B44

Analogous

#443D2B

#33442B

#3F442B

Triadic

#3F442B

#2B3F44

#442B3F

Split Complementary

#3F442B

#2B3344

#3D2B44

Tetradic

#3F442B

#2B443D

#302B44

#442B33

Color Blindness Simulation

Original

#3F442B

Protanopia

#414131

Deuteranopia

#414032

Tritanopia

#3F3637

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EFF1EA
200
#E0E3D3
300
#CAD0B4
400
#ADB68B
500
#919C63
600
#747D4F
700
#5D643F
800
#484E31
900
#363A27
950
#222518

Contrast Checker

Text on white

10.13:1

AA Pass AAA Pass

Text on black

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