#673D28

#673D28

Color Values

HEX

#673D28

RGB

103, 61, 40

HSL

20.0, 44.1%, 28.0%

HSV

20.0, 61.2%, 40.4%

CMYK

0.0%, 40.8%, 61.2%, 59.6%

OKLCH

0.4055 0.0677 46.8

Properties

Warm Dark Nearest: RAL 8002 Signal Brown

Color Harmonies

Complementary

#673D28

#285267

Analogous

#672832

#675C28

#673D28

Triadic

#673D28

#28673D

#3D2867

Split Complementary

#673D28

#28675C

#283267

Tetradic

#673D28

#326728

#285267

#5C2867

Color Blindness Simulation

Original

#673D28

Protanopia

#55542D

Deuteranopia

#575A2E

Tritanopia

#653132

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#FAF6F4
100
#F4EBE6
200
#EBD6CC
300
#DDB9A7
400
#CA9377
500
#B86D47
600
#935739
700
#76462E
800
#5C3624
900
#442A1D
950
#2B1B12

Contrast Checker

Text on white

9.23:1

AA Pass AAA Pass

Text on black

2.27:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026