#673E26

#673E26

Color Values

HEX

#673E26

RGB

103, 62, 38

HSL

22.2, 46.1%, 27.6%

HSV

22.2, 63.1%, 40.4%

CMYK

0.0%, 39.8%, 63.1%, 59.6%

OKLCH

0.4071 0.0682 50.3

Properties

Warm Dark Nearest: RAL 8002 Signal Brown

Color Harmonies

Complementary

#673E26

#264F67

Analogous

#67262E

#675E26

#673E26

Triadic

#673E26

#26673E

#3E2667

Split Complementary

#673E26

#26675E

#262E67

Tetradic

#673E26

#2E6726

#264F67

#5E2667

Color Blindness Simulation

Original

#673E26

Protanopia

#55552C

Deuteranopia

#585B2D

Tritanopia

#653031

Achromatopsia

#454545

CSS Usage

background-color: #673E26;
color: #673E26;
border-color: #673E26;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF7F4
100
#F4EBE6
200
#ECD7CB
300
#DEBAA6
400
#CC9575
500
#BA7045
600
#955A37
700
#77482C
800
#5D3822
900
#452B1C
950
#2B1B12

Contrast Checker

Text on white

9.16:1

AA Pass AAA Pass

Text on black

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