#673F21

#673F21

Color Values

HEX

#673F21

RGB

103, 63, 33

HSL

25.7, 51.5%, 26.7%

HSV

25.7, 68.0%, 40.4%

CMYK

0.0%, 38.8%, 68.0%, 59.6%

OKLCH

0.4084 0.071 56.0

Properties

Warm Dark Nearest: RAL 8003 Clay Brown

Color Harmonies

Complementary

#673F21

#214967

Analogous

#672126

#676221

#673F21

Triadic

#673F21

#21673F

#3F2167

Split Complementary

#673F21

#216762

#212667

Tetradic

#673F21

#266721

#214967

#622167

Color Blindness Simulation

Original

#673F21

Protanopia

#565528

Deuteranopia

#585B2A

Tritanopia

#652E2F

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F5ECE5
200
#EED9C9
300
#E1BDA2
400
#D19A70
500
#C1763E
600
#9B5E31
700
#7C4C28
800
#613B1F
900
#472D1A
950
#2D1D10

Contrast Checker

Text on white

9.09:1

AA Pass AAA Pass

Text on black

2.31:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026