#603203

#603203

Color Values

HEX

#603203

RGB

96, 50, 3

HSL

30.3, 93.9%, 19.4%

HSV

30.3, 96.9%, 37.6%

CMYK

0.0%, 47.9%, 96.9%, 62.4%

OKLCH

0.3693 0.0858 58.4

Properties

Warm Dark Nearest: RAL 8003 Clay Brown

Color Harmonies

Complementary

#603203

#033160

Analogous

#600303

#5F6003

#603203

Triadic

#603203

#036032

#320360

Split Complementary

#603203

#035F60

#030360

Tetradic

#603203

#036003

#033160

#60035F

Color Blindness Simulation

Original

#603203

Protanopia

#4C4C0E

Deuteranopia

#4F5211

Tritanopia

#5E1719

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FDDCBA
300
#FBC288
400
#F9A248
500
#F78108
600
#C66706
700
#9E5205
800
#7C4004
900
#593108
950
#381F05

Contrast Checker

Text on white

10.74:1

AA Pass AAA Pass

Text on black

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