#683518

#683518

Color Values

HEX

#683518

RGB

104, 53, 24

HSL

21.8, 62.5%, 25.1%

HSV

21.8, 76.9%, 40.8%

CMYK

0.0%, 49.0%, 76.9%, 59.2%

OKLCH

0.3891 0.0837 48.1

Properties

Warm Dark Nearest: RAL 8003 Clay Brown

Color Harmonies

Complementary

#683518

#184B68

Analogous

#681823

#685D18

#683518

Triadic

#683518

#186835

#351868

Split Complementary

#683518

#18685D

#182368

Tetradic

#683518

#236818

#184B68

#5D1868

Color Blindness Simulation

Original

#683518

Protanopia

#52511F

Deuteranopia

#555921

Tritanopia

#652526

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FBF6F3
100
#F7EBE4
200
#F2D5C5
300
#E8B79C
400
#DC9166
500
#CF6A30
600
#A65526
700
#85441F
800
#683518
900
#4C2915
950
#301A0D

Contrast Checker

Text on white

9.95:1

AA Pass AAA Pass

Text on black

2.11:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026