#392214

#392214

Color Values

HEX

#392214

RGB

57, 34, 20

HSL

22.7, 48.1%, 15.1%

HSV

22.7, 64.9%, 22.4%

CMYK

0.0%, 40.4%, 64.9%, 77.6%

OKLCH

0.2778 0.0427 51.5

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#392214

#142B39

Analogous

#391418

#393514

#392214

Triadic

#392214

#143922

#221439

Split Complementary

#392214

#143935

#141839

Tetradic

#392214

#183914

#142B39

#351439

Color Blindness Simulation

Original

#392214

Protanopia

#2F2F17

Deuteranopia

#303218

Tritanopia

#381A1B

Achromatopsia

#262626

CSS Usage

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

Tailwind Shades

50
#FAF7F4
100
#F4EBE6
200
#ECD7CA
300
#DFBBA4
400
#CE9673
500
#BD7142
600
#975A35
700
#79482A
800
#5E3821
900
#452B1B
950
#2C1B11

Contrast Checker

Text on white

14.86:1

AA Pass AAA Pass

Text on black

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