#663103

#663103

Color Values

HEX

#663103

RGB

102, 49, 3

HSL

27.9, 94.3%, 20.6%

HSV

27.9, 97.1%, 40.0%

CMYK

0.0%, 52.0%, 97.1%, 60.0%

OKLCH

0.3769 0.0925 53.7

Properties

Warm Dark Nearest: RAL 8003 Clay Brown

Color Harmonies

Complementary

#663103

#033866

Analogous

#660306

#666303

#663103

Triadic

#663103

#036631

#310366

Split Complementary

#663103

#036663

#030666

Tetradic

#663103

#066603

#033866

#630366

Color Blindness Simulation

Original

#663103

Protanopia

#4F4F0E

Deuteranopia

#525611

Tritanopia

#631719

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBECDF
200
#FDD9BA
300
#FCBE88
400
#FA9A48
500
#F87707
600
#C65F06
700
#9F4C05
800
#7C3C04
900
#5A2E07
950
#391D05

Contrast Checker

Text on white

10.47:1

AA Pass AAA Pass

Text on black

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