#673D13

#673D13

Color Values

HEX

#673D13

RGB

103, 61, 19

HSL

30.0, 68.9%, 23.9%

HSV

30.0, 81.6%, 40.4%

CMYK

0.0%, 40.8%, 81.6%, 59.6%

OKLCH

0.4027 0.0804 61.4

Properties

Warm Dark Nearest: RAL 8003 Clay Brown

Color Harmonies

Complementary

#673D13

#133D67

Analogous

#671313

#676713

#673D13

Triadic

#673D13

#13673D

#3D1367

Split Complementary

#673D13

#136767

#131367

Tetradic

#673D13

#136713

#133D67

#671367

Color Blindness Simulation

Original

#673D13

Protanopia

#55541D

Deuteranopia

#575A20

Tritanopia

#652527

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F8EDE3
200
#F4DBC3
300
#ECC298
400
#E2A160
500
#D78028
600
#AC6620
700
#8A5219
800
#6C4014
900
#4E3012
950
#321F0C

Contrast Checker

Text on white

9.32:1

AA Pass AAA Pass

Text on black

2.25:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026