#686965

#686965

Color Values

HEX

#686965

RGB

104, 105, 101

HSL

75.0, 1.9%, 40.4%

HSV

75.0, 3.8%, 41.2%

CMYK

1.0%, 0.0%, 3.8%, 58.8%

OKLCH

0.5186 0.0063 118.0

Properties

Cool Dark Nearest: dimgrey

Color Harmonies

Complementary

#686965

#666569

Analogous

#696865

#666965

#686965

Triadic

#686965

#656869

#696568

Split Complementary

#686965

#656669

#686569

Tetradic

#686965

#656968

#666569

#696566

Color Blindness Simulation

Original

#686965

Protanopia

#686866

Deuteranopia

#686866

Tritanopia

#686767

Achromatopsia

#686868

CSS Usage

background-color: #686965;
color: #686965;
border-color: #686965;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F7F7
100
#EDEDED
200
#DCDCDB
300
#C2C3C1
400
#A2A29F
500
#81827D
600
#676864
700
#525350
800
#40413F
900
#313130
950
#1F1F1E

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

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