#686C13

#686C13

Color Values

HEX

#686C13

RGB

104, 108, 19

HSL

62.7, 70.1%, 24.9%

HSV

62.7, 82.4%, 42.4%

CMYK

3.7%, 0.0%, 82.4%, 57.6%

OKLCH

0.5113 0.1059 112.3

Properties

Cool Dark Nearest: olive

Color Harmonies

Complementary

#686C13

#17136C

Analogous

#6C4413

#3B6C13

#686C13

Triadic

#686C13

#13686C

#6C1368

Split Complementary

#686C13

#133B6C

#44136C

Tetradic

#686C13

#136C44

#17136C

#6C133B

Color Blindness Simulation

Original

#686C13

Protanopia

#6A6A29

Deuteranopia

#6A692E

Tritanopia

#683A3D

Achromatopsia

#656565

CSS Usage

background-color: #686C13;
color: #686C13;
border-color: #686C13;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#FBFCF3
100
#F7F8E3
200
#F2F4C2
300
#E9ED97
400
#DDE35F
500
#D1D926
600
#A7AE1E
700
#868B18
800
#686C13
900
#4C4F12
950
#30320B

Contrast Checker

Text on white

5.61:1

AA Pass AAA Fail

Text on black

3.74:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026