#684686

#684686

Color Values

HEX

#684686

RGB

104, 70, 134

HSL

271.9, 31.4%, 40.0%

HSV

271.9, 47.8%, 52.5%

CMYK

22.4%, 47.8%, 0.0%, 47.5%

OKLCH

0.4603 0.1067 307.2

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#684686

#648646

Analogous

#484686

#864684

#684686

Triadic

#684686

#866846

#468668

Split Complementary

#684686

#848646

#468648

Tetradic

#684686

#864846

#648646

#468486

Color Blindness Simulation

Original

#684686

Protanopia

#595977

Deuteranopia

#5B5E73

Tritanopia

#666A68

Achromatopsia

#525252

CSS Usage

background-color: #684686;
color: #684686;
border-color: #684686;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F7F5F9
100
#EDE8F2
200
#DCD0E7
300
#C3AFD5
400
#A383BE
500
#8257A8
600
#684686
700
#53386B
800
#412C54
900
#31233E
950
#1F1627

Contrast Checker

Text on white

7.48:1

AA Pass AAA Pass

Text on black

2.81:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026