#3F2C13

#3F2C13

Color Values

HEX

#3F2C13

RGB

63, 44, 19

HSL

34.1, 53.7%, 16.1%

HSV

34.1, 69.8%, 24.7%

CMYK

0.0%, 30.2%, 69.8%, 75.3%

OKLCH

0.3095 0.0475 72.0

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#3F2C13

#13263F

Analogous

#3F1613

#3C3F13

#3F2C13

Triadic

#3F2C13

#133F2C

#2C133F

Split Complementary

#3F2C13

#133C3F

#16133F

Tetradic

#3F2C13

#133F16

#13263F

#3F133C

Color Blindness Simulation

Original

#3F2C13

Protanopia

#373719

Deuteranopia

#38391A

Tritanopia

#3E1E1F

Achromatopsia

#2E2E2E

CSS Usage

background-color: #3F2C13;
color: #3F2C13;
border-color: #3F2C13;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FBF8F4
100
#F5EEE5
200
#EEDEC8
300
#E3C6A1
400
#D3A86E
500
#C4893B
600
#9D6D2F
700
#7D5826
800
#62441E
900
#483419
950
#2D2110

Contrast Checker

Text on white

13.28:1

AA Pass AAA Pass

Text on black

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