#3F2D0F

#3F2D0F

Color Values

HEX

#3F2D0F

RGB

63, 45, 15

HSL

37.5, 61.5%, 15.3%

HSV

37.5, 76.2%, 24.7%

CMYK

0.0%, 28.6%, 76.2%, 75.3%

OKLCH

0.3113 0.0514 77.5

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#3F2D0F

#0F213F

Analogous

#3F150F

#393F0F

#3F2D0F

Triadic

#3F2D0F

#0F3F2D

#2D0F3F

Split Complementary

#3F2D0F

#0F393F

#150F3F

Tetradic

#3F2D0F

#0F3F15

#0F213F

#3F0F39

Color Blindness Simulation

Original

#3F2D0F

Protanopia

#373716

Deuteranopia

#383A18

Tritanopia

#3E1C1D

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F6EFE4
200
#F1E1C5
300
#E7CB9C
400
#DBAF67
500
#CE9331
600
#A57627
700
#845E1F
800
#674A19
900
#4B3716
950
#30230E

Contrast Checker

Text on white

13.18:1

AA Pass AAA Pass

Text on black

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