#372114

#372114

Color Values

HEX

#372114

RGB

55, 33, 20

HSL

22.3, 46.7%, 14.7%

HSV

22.3, 63.6%, 21.6%

CMYK

0.0%, 40.0%, 63.6%, 78.4%

OKLCH

0.2725 0.0407 50.9

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#372114

#142A37

Analogous

#371418

#373214

#372114

Triadic

#372114

#143721

#211437

Split Complementary

#372114

#143732

#141837

Tetradic

#372114

#183714

#142A37

#321437

Color Blindness Simulation

Original

#372114

Protanopia

#2D2D17

Deuteranopia

#2F3018

Tritanopia

#361A1A

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#FAF7F4
100
#F4EBE6
200
#ECD7CB
300
#DEBAA5
400
#CD9575
500
#BB7044
600
#965A36
700
#78482B
800
#5E3822
900
#452B1C
950
#2B1B12

Contrast Checker

Text on white

15.11:1

AA Pass AAA Pass

Text on black

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