#685117

#685117

Color Values

HEX

#685117

RGB

104, 81, 23

HSL

43.0, 63.8%, 24.9%

HSV

43.0, 77.9%, 40.8%

CMYK

0.0%, 22.1%, 77.9%, 59.2%

OKLCH

0.4475 0.0797 86.3

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#685117

#172E68

Analogous

#682917

#566817

#685117

Triadic

#685117

#176851

#511768

Split Complementary

#685117

#175668

#291768

Tetradic

#685117

#176829

#172E68

#681756

Color Blindness Simulation

Original

#685117

Protanopia

#5E5E25

Deuteranopia

#5F6128

Tritanopia

#673033

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FBF9F3
100
#F7F1E3
200
#F2E5C5
300
#E9D39B
400
#DDBB64
500
#D1A32E
600
#A78225
700
#86681E
800
#685117
900
#4C3D15
950
#30260D

Contrast Checker

Text on white

7.56:1

AA Pass AAA Pass

Text on black

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