#686C5F

#686C5F

Color Values

HEX

#686C5F

RGB

104, 108, 95

HSL

78.5, 6.4%, 39.8%

HSV

78.5, 12.0%, 42.4%

CMYK

3.7%, 0.0%, 12.0%, 57.6%

OKLCH

0.5238 0.0205 121.0

Properties

Cool Dark Nearest: RAL 7023 Concrete Grey

Color Harmonies

Complementary

#686C5F

#635F6C

Analogous

#6C695F

#616C5F

#686C5F

Triadic

#686C5F

#5F686C

#6C5F68

Split Complementary

#686C5F

#5F616C

#695F6C

Tetradic

#686C5F

#5F6C69

#635F6C

#6C5F61

Color Blindness Simulation

Original

#686C5F

Protanopia

#6A6A62

Deuteranopia

#6A6963

Tritanopia

#686565

Achromatopsia

#6A6A6A

CSS Usage

background-color: #686C5F;
color: #686C5F;
border-color: #686C5F;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DCDED9
300
#C3C6BE
400
#A3A79B
500
#838877
600
#696D5F
700
#54574C
800
#41443C
900
#32332E
950
#1F201D

Contrast Checker

Text on white

5.39:1

AA Pass AAA Fail

Text on black

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