#3F2C26

#3F2C26

Color Values

HEX

#3F2C26

RGB

63, 44, 38

HSL

14.4, 24.8%, 19.8%

HSV

14.4, 39.7%, 24.7%

CMYK

0.0%, 30.2%, 39.7%, 75.3%

OKLCH

0.3136 0.0303 38.3

Properties

Warm Dark Nearest: RAL 8017 Chocolate Brown

Color Harmonies

Complementary

#3F2C26

#26393F

Analogous

#3F262C

#3F3926

#3F2C26

Triadic

#3F2C26

#263F2C

#2C263F

Split Complementary

#3F2C26

#263F39

#262C3F

Tetradic

#3F2C26

#2C3F26

#26393F

#39263F

Color Blindness Simulation

Original

#3F2C26

Protanopia

#373727

Deuteranopia

#383928

Tritanopia

#3E2929

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1EBE9
200
#E4D7D2
300
#D1BAB3
400
#B89489
500
#9F6F60
600
#7F594D
700
#66473D
800
#503830
900
#3B2B26
950
#251B18

Contrast Checker

Text on white

13.13:1

AA Pass AAA Pass

Text on black

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