#684A82

#684A82

Color Values

HEX

#684A82

RGB

104, 74, 130

HSL

272.1, 27.5%, 40.0%

HSV

272.1, 43.1%, 51.0%

CMYK

20.0%, 43.1%, 0.0%, 49.0%

OKLCH

0.4654 0.0941 307.8

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#684A82

#64824A

Analogous

#4C4A82

#824A80

#684A82

Triadic

#684A82

#82684A

#4A8268

Split Complementary

#684A82

#80824A

#4A824C

Tetradic

#684A82

#824C4A

#64824A

#4A8082

Color Blindness Simulation

Original

#684A82

Protanopia

#5B5B74

Deuteranopia

#5D5F71

Tritanopia

#666A67

Achromatopsia

#545454

CSS Usage

background-color: #684A82;
color: #684A82;
border-color: #684A82;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F7F6F9
100
#EDE9F1
200
#DCD1E5
300
#C3B1D3
400
#A287BB
500
#825CA3
600
#684A82
700
#533B68
800
#412E51
900
#31243C
950
#1F1726

Contrast Checker

Text on white

7.27:1

AA Pass AAA Pass

Text on black

2.89:1

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