#673D0B

#673D0B

Color Values

HEX

#673D0B

RGB

103, 61, 11

HSL

32.6, 80.7%, 22.4%

HSV

32.6, 89.3%, 40.4%

CMYK

0.0%, 40.8%, 89.3%, 59.6%

OKLCH

0.4021 0.0841 64.3

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#673D0B

#0B3567

Analogous

#670F0B

#63670B

#673D0B

Triadic

#673D0B

#0B673D

#3D0B67

Split Complementary

#673D0B

#0B6367

#0F0B67

Tetradic

#673D0B

#0B670F

#0B3567

#670B63

Color Blindness Simulation

Original

#673D0B

Protanopia

#555417

Deuteranopia

#575A1A

Tritanopia

#652123

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#F9EEE1
200
#F8DEBE
300
#F3C690
400
#EDA755
500
#E68819
600
#B86D14
700
#935710
800
#73440C
900
#54330D
950
#352108

Contrast Checker

Text on white

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