#684069

#684069

Color Values

HEX

#684069

RGB

104, 64, 105

HSL

298.5, 24.3%, 33.1%

HSV

298.5, 39.0%, 41.2%

CMYK

1.0%, 39.0%, 0.0%, 58.8%

OKLCH

0.4341 0.0821 326.0

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#684069

#416940

Analogous

#534069

#694055

#684069

Triadic

#684069

#696840

#406968

Split Complementary

#684069

#556940

#406953

Tetradic

#684069

#695340

#416940

#405569

Color Blindness Simulation

Original

#684069

Protanopia

#57565F

Deuteranopia

#595C5D

Tritanopia

#665756

Achromatopsia

#4B4B4B

CSS Usage

background-color: #684069;
color: #684069;
border-color: #684069;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F9F6F9
100
#F1E9F1
200
#E4D3E4
300
#D0B3D1
400
#B68AB8
500
#9D619E
600
#7E4D7F
700
#643E65
800
#4E304F
900
#3B263B
950
#251825

Contrast Checker

Text on white

8.31:1

AA Pass AAA Pass

Text on black

2.53: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