#685B18

#685B18

Color Values

HEX

#685B18

RGB

104, 91, 24

HSL

50.2, 62.5%, 25.1%

HSV

50.2, 76.9%, 40.8%

CMYK

0.0%, 12.5%, 76.9%, 59.2%

OKLCH

0.4707 0.0858 97.9

Properties

Warm Dark Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#685B18

#182568

Analogous

#683318

#4D6818

#685B18

Triadic

#685B18

#18685B

#5B1868

Split Complementary

#685B18

#184D68

#331868

Tetradic

#685B18

#186833

#182568

#68184D

Color Blindness Simulation

Original

#685B18

Protanopia

#626228

Deuteranopia

#63642C

Tritanopia

#673538

Achromatopsia

#595959

CSS Usage

background-color: #685B18;
color: #685B18;
border-color: #685B18;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#FBFAF3
100
#F7F4E4
200
#F2EAC5
300
#E8DC9C
400
#DCC866
500
#CFB530
600
#A69126
700
#85741F
800
#685B18
900
#4C4315
950
#302A0D

Contrast Checker

Text on white

6.78:1

AA Pass AAA Fail

Text on black

3.1:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026