#686CAB

#686CAB

Color Values

HEX

#686CAB

RGB

104, 108, 171

HSL

236.4, 28.5%, 53.9%

HSV

236.4, 39.2%, 67.1%

CMYK

39.2%, 36.8%, 0.0%, 32.9%

OKLCH

0.5552 0.0974 279.9

Properties

Cool Dark Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#686CAB

#ABA768

Analogous

#688DAB

#8568AB

#686CAB

Triadic

#686CAB

#AB686C

#6CAB68

Split Complementary

#686CAB

#AB8568

#8DAB68

Tetradic

#686CAB

#AB688D

#ABA768

#68AB85

Color Blindness Simulation

Original

#686CAB

Protanopia

#6A6A9C

Deuteranopia

#6A6998

Tritanopia

#68908D

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F5F6F9
100
#E9E9F1
200
#D1D2E5
300
#B0B2D3
400
#8689BC
500
#5B60A4
600
#494C83
700
#3A3D69
800
#2E3052
900
#24263D
950
#171826

Contrast Checker

Text on white

4.86:1

AA Pass AAA Fail

Text on black

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