#686BAC

#686BAC

Color Values

HEX

#686BAC

RGB

104, 107, 172

HSL

237.4, 29.1%, 54.1%

HSV

237.4, 39.5%, 67.5%

CMYK

39.5%, 37.8%, 0.0%, 32.5%

OKLCH

0.5536 0.1003 280.6

Properties

Cool Dark Nearest: Indigo

Color Harmonies

Complementary

#686BAC

#ACA968

Analogous

#688DAC

#8768AC

#686BAC

Triadic

#686BAC

#AC686B

#6BAC68

Split Complementary

#686BAC

#AC8768

#8DAC68

Tetradic

#686BAC

#AC688D

#ACA968

#68AC87

Color Blindness Simulation

Original

#686BAC

Protanopia

#69699C

Deuteranopia

#696998

Tritanopia

#68908D

Achromatopsia

#6F6F6F

CSS Usage

background-color: #686BAC;
color: #686BAC;
border-color: #686BAC;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F6F9
100
#E9E9F2
200
#D1D2E6
300
#B0B2D4
400
#8588BC
500
#5A5EA5
600
#484B84
700
#3A3C69
800
#2D2F52
900
#24253D
950
#171727

Contrast Checker

Text on white

4.9:1

AA Pass AAA Fail

Text on black

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