#3F2D15

#3F2D15

Color Values

HEX

#3F2D15

RGB

63, 45, 21

HSL

34.3, 50.0%, 16.5%

HSV

34.3, 66.7%, 24.7%

CMYK

0.0%, 28.6%, 66.7%, 75.3%

OKLCH

0.3122 0.0457 72.7

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#3F2D15

#15273F

Analogous

#3F1815

#3C3F15

#3F2D15

Triadic

#3F2D15

#153F2D

#2D153F

Split Complementary

#3F2D15

#153C3F

#18153F

Tetradic

#3F2D15

#153F18

#15273F

#3F153C

Color Blindness Simulation

Original

#3F2D15

Protanopia

#37371B

Deuteranopia

#383A1C

Tritanopia

#3E1F20

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EEE6
200
#EDDEC9
300
#E0C6A3
400
#D0A771
500
#BF8940
600
#996D33
700
#7A5729
800
#604420
900
#46341B
950
#2C2111

Contrast Checker

Text on white

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