#686CEB

#686CEB

Color Values

HEX

#686CEB

RGB

104, 108, 235

HSL

238.2, 76.6%, 66.5%

HSV

238.2, 55.7%, 92.2%

CMYK

55.7%, 54.0%, 0.0%, 7.8%

OKLCH

0.595 0.1876 277.7

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#686CEB

#EBE768

Analogous

#68AEEB

#A668EB

#686CEB

Triadic

#686CEB

#EB686C

#6CEB68

Split Complementary

#686CEB

#EBA668

#AEEB68

Tetradic

#686CEB

#EB68AE

#EBE768

#68EBA6

Color Blindness Simulation

Original

#686CEB

Protanopia

#6A6ACC

Deuteranopia

#6A69C5

Tritanopia

#68B4AF

Achromatopsia

#747474

CSS Usage

background-color: #686CEB;
color: #686CEB;
border-color: #686CEB;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F3FC
100
#E2E2F9
200
#C0C2F7
300
#9396F1
400
#585DE9
500
#1E24E1
600
#181DB4
700
#131790
800
#0F1271
900
#0F1152
950
#0A0B34

Contrast Checker

Text on white

4.26:1

AA Fail AAA Fail

Text on black

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