#686FD9

#686FD9

Color Values

HEX

#686FD9

RGB

104, 111, 217

HSL

236.3, 59.8%, 62.9%

HSV

236.3, 52.1%, 85.1%

CMYK

52.1%, 48.8%, 0.0%, 14.9%

OKLCH

0.5884 0.1593 277.5

Properties

Cool Light Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#686FD9

#D9D268

Analogous

#68A7D9

#9968D9

#686FD9

Triadic

#686FD9

#D9686F

#6FD968

Split Complementary

#686FD9

#D99968

#A7D968

Tetradic

#686FD9

#D968A7

#D9D268

#68D999

Color Blindness Simulation

Original

#686FD9

Protanopia

#6B6BBF

Deuteranopia

#6B6AB9

Tritanopia

#68ABA7

Achromatopsia

#757575

CSS Usage

background-color: #686FD9;
color: #686FD9;
border-color: #686FD9;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F4FB
100
#E4E5F6
200
#C6C9F1
300
#9DA2E6
400
#686FD9
500
#333DCC
600
#2931A3
700
#212782
800
#1A1E66
900
#161A4B
950
#0E102F

Contrast Checker

Text on white

4.32:1

AA Fail AAA Fail

Text on black

4.86:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026