#686156

#686156

Color Values

HEX

#686156

RGB

104, 97, 86

HSL

36.7, 9.5%, 37.3%

HSV

36.7, 17.3%, 40.8%

CMYK

0.0%, 6.7%, 17.3%, 59.2%

OKLCH

0.4958 0.0192 79.2

Properties

Warm Dark Nearest: RAL 7039 Quartz Grey

Color Harmonies

Complementary

#686156

#565D68

Analogous

#685856

#666856

#686156

Triadic

#686156

#566861

#615668

Split Complementary

#686156

#566668

#585668

Tetradic

#686156

#566858

#565D68

#685666

Color Blindness Simulation

Original

#686156

Protanopia

#656559

Deuteranopia

#656659

Tritanopia

#685B5B

Achromatopsia

#626262

CSS Usage

background-color: #686156;
color: #686156;
border-color: #686156;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F8F7F7
100
#EFEDEC
200
#DFDCD8
300
#C8C3BC
400
#AAA398
500
#8C8273
600
#70685C
700
#59534A
800
#46413A
900
#35312C
950
#211F1C

Contrast Checker

Text on white

6.12:1

AA Pass AAA Fail

Text on black

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