#392318

#392318

Color Values

HEX

#392318

RGB

57, 35, 24

HSL

20.0, 40.7%, 15.9%

HSV

20.0, 57.9%, 22.4%

CMYK

0.0%, 38.6%, 57.9%, 77.6%

OKLCH

0.2809 0.039 47.2

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#392318

#182E39

Analogous

#39181E

#393418

#392318

Triadic

#392318

#183923

#231839

Split Complementary

#392318

#183934

#181E39

Tetradic

#392318

#1E3918

#182E39

#341839

Color Blindness Simulation

Original

#392318

Protanopia

#2F2F1B

Deuteranopia

#31321B

Tritanopia

#381D1D

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#FAF6F5
100
#F3EBE7
200
#EAD6CD
300
#DBB9A9
400
#C7947A
500
#B36E4C
600
#90583C
700
#734730
800
#5A3726
900
#422B1F
950
#2A1B13

Contrast Checker

Text on white

14.71:1

AA Pass AAA Pass

Text on black

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