#3F3414

#3F3414

Color Values

HEX

#3F3414

RGB

63, 52, 20

HSL

44.7, 51.8%, 16.3%

HSV

44.7, 68.3%, 24.7%

CMYK

0.0%, 17.5%, 68.3%, 75.3%

OKLCH

0.3292 0.0503 90.5

Properties

Warm Dark Nearest: RAL 6014 Yellow Olive

Color Harmonies

Complementary

#3F3414

#141F3F

Analogous

#3F1F14

#353F14

#3F3414

Triadic

#3F3414

#143F34

#34143F

Split Complementary

#3F3414

#14353F

#1F143F

Tetradic

#3F3414

#143F1F

#141F3F

#3F1435

Color Blindness Simulation

Original

#3F3414

Protanopia

#3A3A1C

Deuteranopia

#3B3C1E

Tritanopia

#3E2223

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FBF9F4
100
#F5F1E5
200
#EEE4C9
300
#E2D1A2
400
#D2B970
500
#C2A03D
600
#9B8031
700
#7C6627
800
#61501F
900
#473C1A
950
#2D2610

Contrast Checker

Text on white

12.26:1

AA Pass AAA Pass

Text on black

1.71:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026