#673C10

#673C10

Color Values

HEX

#673C10

RGB

103, 60, 16

HSL

30.3, 73.1%, 23.3%

HSV

30.3, 84.5%, 40.4%

CMYK

0.0%, 41.7%, 84.5%, 59.6%

OKLCH

0.4004 0.0823 61.3

Properties

Warm Dark Nearest: RAL 8003 Clay Brown

Color Harmonies

Complementary

#673C10

#103B67

Analogous

#671010

#666710

#673C10

Triadic

#673C10

#10673C

#3C1067

Split Complementary

#673C10

#106667

#101067

Tetradic

#673C10

#106710

#103B67

#671066

Color Blindness Simulation

Original

#673C10

Protanopia

#54541B

Deuteranopia

#575A1D

Tritanopia

#652325

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F8EDE2
200
#F5DCC1
300
#EFC295
400
#E6A15C
500
#DD8022
600
#B1671B
700
#8D5216
800
#6E4011
900
#503111
950
#331F0A

Contrast Checker

Text on white

9.41:1

AA Pass AAA Pass

Text on black

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