#3F2C22

#3F2C22

Color Values

HEX

#3F2C22

RGB

63, 44, 34

HSL

20.7, 29.9%, 19.0%

HSV

20.7, 46.0%, 24.7%

CMYK

0.0%, 30.2%, 46.0%, 75.3%

OKLCH

0.3125 0.0331 48.8

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#3F2C22

#22353F

Analogous

#3F2226

#3F3A22

#3F2C22

Triadic

#3F2C22

#223F2C

#2C223F

Split Complementary

#3F2C22

#223F3A

#22263F

Tetradic

#3F2C22

#263F22

#22353F

#3A223F

Color Blindness Simulation

Original

#3F2C22

Protanopia

#373724

Deuteranopia

#383925

Tritanopia

#3E2627

Achromatopsia

#2F2F2F

CSS Usage

background-color: #3F2C22;
color: #3F2C22;
border-color: #3F2C22;
Nearest Tailwind: Stone 800 #292524

Tailwind Shades

50
#F9F7F5
100
#F2ECE9
200
#E6D8D1
300
#D4BCB0
400
#BD9884
500
#A67459
600
#845D48
700
#6A4A39
800
#533A2D
900
#3D2C23
950
#271C16

Contrast Checker

Text on white

13.17:1

AA Pass AAA Pass

Text on black

1.59:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026