#683D18

#683D18

Color Values

HEX

#683D18

RGB

104, 61, 24

HSL

27.8, 62.5%, 25.1%

HSV

27.8, 76.9%, 40.8%

CMYK

0.0%, 41.3%, 76.9%, 59.2%

OKLCH

0.4046 0.0786 58.2

Properties

Warm Dark Nearest: RAL 8003 Clay Brown

Color Harmonies

Complementary

#683D18

#184368

Analogous

#68181B

#686518

#683D18

Triadic

#683D18

#18683D

#3D1868

Split Complementary

#683D18

#186865

#181B68

Tetradic

#683D18

#1B6818

#184368

#651868

Color Blindness Simulation

Original

#683D18

Protanopia

#555521

Deuteranopia

#585B23

Tritanopia

#66282A

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FBF7F3
100
#F7ECE4
200
#F2DAC5
300
#E8BF9C
400
#DC9C66
500
#CF7A30
600
#A66126
700
#854E1F
800
#683D18
900
#4C2E15
950
#301D0D

Contrast Checker

Text on white

9.25:1

AA Pass AAA Pass

Text on black

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