#673324

#673324

Color Values

HEX

#673324

RGB

103, 51, 36

HSL

13.4, 48.2%, 27.3%

HSV

13.4, 65.0%, 40.4%

CMYK

0.0%, 50.5%, 65.0%, 59.6%

OKLCH

0.3857 0.0789 36.9

Properties

Warm Dark Nearest: RAL 8002 Signal Brown

Color Harmonies

Complementary

#673324

#245867

Analogous

#672437

#675524

#673324

Triadic

#673324

#246733

#332467

Split Complementary

#673324

#246755

#243767

Tetradic

#673324

#376724

#245867

#552467

Color Blindness Simulation

Original

#673324

Protanopia

#505028

Deuteranopia

#545728

Tritanopia

#642A2B

Achromatopsia

#3D3D3D

CSS Usage

background-color: #673324;
color: #673324;
border-color: #673324;
Nearest Tailwind: Amber 950 #451A03

Tailwind Shades

50
#FAF6F4
100
#F4E9E6
200
#EDD2CA
300
#DFB1A4
400
#CE8773
500
#BD5D42
600
#974B35
700
#793C2A
800
#5E2F21
900
#45251B
950
#2C1711

Contrast Checker

Text on white

10.12:1

AA Pass AAA Pass

Text on black

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