#686CCD

#686CCD

Color Values

HEX

#686CCD

RGB

104, 108, 205

HSL

237.6, 50.2%, 60.6%

HSV

237.6, 49.3%, 80.4%

CMYK

49.3%, 47.3%, 0.0%, 19.6%

OKLCH

0.575 0.1467 278.9

Properties

Cool Light Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#686CCD

#CDC968

Analogous

#689FCD

#9668CD

#686CCD

Triadic

#686CCD

#CD686C

#6CCD68

Split Complementary

#686CCD

#CD9668

#9FCD68

Tetradic

#686CCD

#CD689F

#CDC968

#68CD96

Color Blindness Simulation

Original

#686CCD

Protanopia

#6A6AB6

Deuteranopia

#6A69B0

Tritanopia

#68A39F

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E6E6F5
200
#C9CBED
300
#A3A6E1
400
#7175D0
500
#3F45C0
600
#333799
700
#292C7B
800
#202260
900
#1B1C46
950
#11122C

Contrast Checker

Text on white

4.55:1

AA Pass AAA Fail

Text on black

4.62:1

AA Pass 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