#673226

#673226

Color Values

HEX

#673226

RGB

103, 50, 38

HSL

11.1, 46.1%, 27.6%

HSV

11.1, 63.1%, 40.4%

CMYK

0.0%, 51.5%, 63.1%, 59.6%

OKLCH

0.3843 0.0792 33.9

Properties

Warm Dark Nearest: RAL 8002 Signal Brown

Color Harmonies

Complementary

#673226

#265B67

Analogous

#67263A

#675226

#673226

Triadic

#673226

#266732

#322667

Split Complementary

#673226

#266752

#263A67

Tetradic

#673226

#3A6726

#265B67

#522667

Color Blindness Simulation

Original

#673226

Protanopia

#505029

Deuteranopia

#53572A

Tritanopia

#642B2C

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FAF5F4
100
#F4E9E6
200
#ECD1CB
300
#DEB0A6
400
#CC8575
500
#BA5A45
600
#954837
700
#773A2C
800
#5D2D22
900
#45241C
950
#2B1712

Contrast Checker

Text on white

10.19:1

AA Pass AAA Pass

Text on black

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