#687FDA

#687FDA

Color Values

HEX

#687FDA

RGB

104, 127, 218

HSL

227.9, 60.6%, 63.1%

HSV

227.9, 52.3%, 85.5%

CMYK

52.3%, 41.7%, 0.0%, 14.5%

OKLCH

0.6206 0.1398 271.2

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#687FDA

#DAC368

Analogous

#68B8DA

#8A68DA

#687FDA

Triadic

#687FDA

#DA687F

#7FDA68

Split Complementary

#687FDA

#DA8A68

#B8DA68

Tetradic

#687FDA

#DA68B8

#DAC368

#68DA8A

Color Blindness Simulation

Original

#687FDA

Protanopia

#7272C4

Deuteranopia

#716FBF

Tritanopia

#69B3AF

Achromatopsia

#818181

CSS Usage

background-color: #687FDA;
color: #687FDA;
border-color: #687FDA;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F5FB
100
#E4E8F6
200
#C6CEF1
300
#9DACE7
400
#677FDA
500
#3251CD
600
#2841A4
700
#203483
800
#192966
900
#16214B
950
#0E152F

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

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