#603103

#603103

Color Values

HEX

#603103

RGB

96, 49, 3

HSL

29.7, 93.9%, 19.4%

HSV

29.7, 96.9%, 37.6%

CMYK

0.0%, 49.0%, 96.9%, 62.4%

OKLCH

0.3673 0.0863 57.2

Properties

Warm Dark Nearest: RAL 8003 Clay Brown

Color Harmonies

Complementary

#603103

#033260

Analogous

#600303

#605F03

#603103

Triadic

#603103

#036031

#310360

Split Complementary

#603103

#03605F

#030360

Tetradic

#603103

#036003

#033260

#5F0360

Color Blindness Simulation

Original

#603103

Protanopia

#4C4B0E

Deuteranopia

#4E5211

Tritanopia

#5E1719

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FDDBBA
300
#FBC188
400
#F9A048
500
#F77E08
600
#C66506
700
#9E5105
800
#7C3F04
900
#593008
950
#381E05

Contrast Checker

Text on white

10.84:1

AA Pass AAA Pass

Text on black

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