#686DC1

#686DC1

Color Values

HEX

#686DC1

RGB

104, 109, 193

HSL

236.6, 41.8%, 58.2%

HSV

236.6, 46.1%, 75.7%

CMYK

46.1%, 43.5%, 0.0%, 24.3%

OKLCH

0.5696 0.1282 278.9

Properties

Cool Dark Nearest: Indigo

Color Harmonies

Complementary

#686DC1

#C1BC68

Analogous

#6899C1

#8F68C1

#686DC1

Triadic

#686DC1

#C1686D

#6DC168

Split Complementary

#686DC1

#C18F68

#99C168

Tetradic

#686DC1

#C16899

#C1BC68

#68C18F

Color Blindness Simulation

Original

#686DC1

Protanopia

#6A6AAD

Deuteranopia

#6A6AA8

Tritanopia

#689D99

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CCCEEA
300
#A8ABDB
400
#797EC8
500
#4A50B5
600
#3B4091
700
#2F3374
800
#25285A
900
#1E2043
950
#13142A

Contrast Checker

Text on white

4.62:1

AA Pass AAA Fail

Text on black

4.55:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026