#3F3623

#3F3623

Color Values

HEX

#3F3623

RGB

63, 54, 35

HSL

40.7, 28.6%, 19.2%

HSV

40.7, 44.4%, 24.7%

CMYK

0.0%, 14.3%, 44.4%, 75.3%

OKLCH

0.337 0.0333 85.3

Properties

Warm Dark Nearest: RAL 6014 Yellow Olive

Color Harmonies

Complementary

#3F3623

#232C3F

Analogous

#3F2823

#3A3F23

#3F3623

Triadic

#3F3623

#233F36

#36233F

Split Complementary

#3F3623

#233A3F

#28233F

Tetradic

#3F3623

#233F28

#232C3F

#3F233A

Color Blindness Simulation

Original

#3F3623

Protanopia

#3B3B28

Deuteranopia

#3C3C29

Tritanopia

#3F2B2C

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F1EFE9
200
#E6DFD1
300
#D3C8B0
400
#BCAA86
500
#A48D5B
600
#837049
700
#695A3A
800
#52462E
900
#3D3524
950
#262117

Contrast Checker

Text on white

11.91:1

AA Pass AAA Pass

Text on black

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