#3F3C1D

#3F3C1D

Color Values

HEX

#3F3C1D

RGB

63, 60, 29

HSL

54.7, 37.0%, 18.0%

HSV

54.7, 54.0%, 24.7%

CMYK

0.0%, 4.8%, 54.0%, 75.3%

OKLCH

0.3511 0.048 103.7

Properties

Warm Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#3F3C1D

#1D203F

Analogous

#3F2B1D

#313F1D

#3F3C1D

Triadic

#3F3C1D

#1D3F3C

#3C1D3F

Split Complementary

#3F3C1D

#1D313F

#2B1D3F

Tetradic

#3F3C1D

#1D3F2B

#1D203F

#3F1D31

Color Blindness Simulation

Original

#3F3C1D

Protanopia

#3E3E24

Deuteranopia

#3E3E26

Tritanopia

#3F2A2C

Achromatopsia

#3A3A3A

CSS Usage

background-color: #3F3C1D;
color: #3F3C1D;
border-color: #3F3C1D;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#FAF9F5
100
#F3F2E8
200
#E9E6CE
300
#D8D4AB
400
#C4BD7E
500
#AFA650
600
#8C8540
700
#706A33
800
#575328
900
#413E20
950
#292714

Contrast Checker

Text on white

11.2:1

AA Pass AAA Pass

Text on black

1.88:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026