#687ACD

#687ACD

Color Values

HEX

#687ACD

RGB

104, 122, 205

HSL

229.3, 50.2%, 60.6%

HSV

229.3, 49.3%, 80.4%

CMYK

49.3%, 40.5%, 0.0%, 19.6%

OKLCH

0.6029 0.1279 272.8

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#687ACD

#CDBB68

Analogous

#68ADCD

#8968CD

#687ACD

Triadic

#687ACD

#CD687A

#7ACD68

Split Complementary

#687ACD

#CD8968

#ADCD68

Tetradic

#687ACD

#CD68AD

#CDBB68

#68CD89

Color Blindness Simulation

Original

#687ACD

Protanopia

#7070B9

Deuteranopia

#6F6DB4

Tritanopia

#69A9A6

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E6E8F5
200
#C9D0ED
300
#A3AEE1
400
#7182D0
500
#3F56C0
600
#334599
700
#29377B
800
#202B60
900
#1B2246
950
#11162C

Contrast Checker

Text on white

4.0:1

AA Fail AAA Fail

Text on black

5.25:1

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