#3F2D24

#3F2D24

Color Values

HEX

#3F2D24

RGB

63, 45, 36

HSL

20.0, 27.3%, 19.4%

HSV

20.0, 42.9%, 24.7%

CMYK

0.0%, 28.6%, 42.9%, 75.3%

OKLCH

0.3154 0.0309 47.7

Properties

Warm Dark Nearest: RAL 8017 Chocolate Brown

Color Harmonies

Complementary

#3F2D24

#24363F

Analogous

#3F2428

#3F3A24

#3F2D24

Triadic

#3F2D24

#243F2D

#2D243F

Split Complementary

#3F2D24

#243F3A

#24283F

Tetradic

#3F2D24

#283F24

#24363F

#3A243F

Color Blindness Simulation

Original

#3F2D24

Protanopia

#373726

Deuteranopia

#383A27

Tritanopia

#3E2828

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1ECE9
200
#E5D8D2
300
#D3BCB1
400
#BA9887
500
#A2745D
600
#825D4A
700
#684A3B
800
#513A2E
900
#3C2C25
950
#261C17

Contrast Checker

Text on white

13.03:1

AA Pass AAA Pass

Text on black

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