#673602

#673602

Color Values

HEX

#673602

RGB

103, 54, 2

HSL

30.9, 96.2%, 20.6%

HSV

30.9, 98.1%, 40.4%

CMYK

0.0%, 47.6%, 98.1%, 59.6%

OKLCH

0.3877 0.0907 58.8

Properties

Warm Dark Nearest: RAL 8003 Clay Brown

Color Harmonies

Complementary

#673602

#023367

Analogous

#670402

#666702

#673602

Triadic

#673602

#026736

#360267

Split Complementary

#673602

#026667

#040267

Tetradic

#673602

#026704

#023367

#670266

Color Blindness Simulation

Original

#673602

Protanopia

#52510F

Deuteranopia

#555812

Tritanopia

#65191B

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#FEF8F1
100
#FCEEDF
200
#FEDCB9
300
#FDC487
400
#FBA346
500
#FA8305
600
#C86904
700
#A05403
800
#7D4202
900
#5A3207
950
#391F04

Contrast Checker

Text on white

9.98:1

AA Pass AAA Pass

Text on black

2.11:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026