#684193

#684193

Color Values

HEX

#684193

RGB

104, 65, 147

HSL

268.5, 38.7%, 41.6%

HSV

268.5, 55.8%, 57.6%

CMYK

29.3%, 55.8%, 0.0%, 42.4%

OKLCH

0.4596 0.1322 303.6

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#684193

#6C9341

Analogous

#414393

#914193

#684193

Triadic

#684193

#936841

#419368

Split Complementary

#684193

#939141

#439341

Tetradic

#684193

#934143

#6C9341

#419391

Color Blindness Simulation

Original

#684193

Protanopia

#57577F

Deuteranopia

#595C7A

Tritanopia

#666F6C

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EDE7F3
200
#DBCDE9
300
#C1AAD9
400
#9F7CC5
500
#7D4EB1
600
#643F8D
700
#503271
800
#3F2758
900
#302041
950
#1E1429

Contrast Checker

Text on white

7.59:1

AA Pass AAA Pass

Text on black

2.77:1

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