#673B26

#673B26

Color Values

HEX

#673B26

RGB

103, 59, 38

HSL

19.4, 46.1%, 27.6%

HSV

19.4, 63.1%, 40.4%

CMYK

0.0%, 42.7%, 63.1%, 59.6%

OKLCH

0.4012 0.0704 45.7

Properties

Warm Dark Nearest: RAL 8002 Signal Brown

Color Harmonies

Complementary

#673B26

#265267

Analogous

#672631

#675B26

#673B26

Triadic

#673B26

#26673B

#3B2667

Split Complementary

#673B26

#26675B

#263167

Tetradic

#673B26

#316726

#265267

#5B2667

Color Blindness Simulation

Original

#673B26

Protanopia

#54542B

Deuteranopia

#565A2C

Tritanopia

#652F30

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FAF6F4
100
#F4EBE6
200
#ECD5CB
300
#DEB8A6
400
#CC9175
500
#BA6B45
600
#955537
700
#77442C
800
#5D3522
900
#45291C
950
#2B1A12

Contrast Checker

Text on white

9.42:1

AA Pass AAA Pass

Text on black

2.23:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026