#686265

#686265

Color Values

HEX

#686265

RGB

104, 98, 101

HSL

330.0, 3.0%, 39.6%

HSV

330.0, 5.8%, 40.8%

CMYK

0.0%, 5.8%, 2.9%, 59.2%

OKLCH

0.5027 0.0089 345.6

Properties

Warm Dark Nearest: NCS S 6000-N Medium Dark Grey

Color Harmonies

Complementary

#686265

#626865

Analogous

#686268

#686262

#686265

Triadic

#686265

#656862

#626568

Split Complementary

#686265

#626862

#626868

Tetradic

#686265

#686862

#626865

#626268

Color Blindness Simulation

Original

#686265

Protanopia

#656564

Deuteranopia

#666664

Tritanopia

#686464

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDED
200
#DCDADB
300
#C4C0C2
400
#A39EA1
500
#837C80
600
#696366
700
#544F52
800
#423E40
900
#322F30
950
#1F1E1F

Contrast Checker

Text on white

5.96:1

AA Pass AAA Fail

Text on black

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