#686F0F

#686F0F

Color Values

HEX

#686F0F

RGB

104, 111, 15

HSL

64.4, 76.2%, 24.7%

HSV

64.4, 86.5%, 43.5%

CMYK

6.3%, 0.0%, 86.5%, 56.5%

OKLCH

0.5185 0.1112 114.1

Properties

Cool Dark Nearest: olive

Color Harmonies

Complementary

#686F0F

#160F6F

Analogous

#6F460F

#386F0F

#686F0F

Triadic

#686F0F

#0F686F

#6F0F68

Split Complementary

#686F0F

#0F386F

#460F6F

Tetradic

#686F0F

#0F6F46

#160F6F

#6F0F38

Color Blindness Simulation

Original

#686F0F

Protanopia

#6B6B26

Deuteranopia

#6B6A2C

Tritanopia

#68393D

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#FCFCF2
100
#F7F9E2
200
#F3F7C0
300
#EAF093
400
#DEE959
500
#D2E11E
600
#A8B418
700
#879013
800
#69700F
900
#4D520F
950
#31340A

Contrast Checker

Text on white

5.43:1

AA Pass AAA Fail

Text on black

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