#686773

#686773

Color Values

HEX

#686773

RGB

104, 103, 115

HSL

245.0, 5.5%, 42.7%

HSV

245.0, 10.4%, 45.1%

CMYK

9.6%, 10.4%, 0.0%, 54.9%

OKLCH

0.5189 0.0187 289.6

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#686773

#727367

Analogous

#676C73

#6E6773

#686773

Triadic

#686773

#736867

#677368

Split Complementary

#686773

#736E67

#6C7367

Tetradic

#686773

#73676C

#727367

#67736E

Color Blindness Simulation

Original

#686773

Protanopia

#686870

Deuteranopia

#68686F

Tritanopia

#686E6D

Achromatopsia

#686868

CSS Usage

background-color: #686773;
color: #686773;
border-color: #686773;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F7F7F8
100
#ECECEE
200
#DAD9DD
300
#BFBEC5
400
#9C9BA6
500
#7A7887
600
#61606C
700
#4E4D56
800
#3D3C43
900
#2E2E33
950
#1D1D20

Contrast Checker

Text on white

5.56:1

AA Pass AAA Fail

Text on black

3.78:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026