#680469

#680469

Color Values

HEX

#680469

RGB

104, 4, 105

HSL

299.4, 92.7%, 21.4%

HSV

299.4, 96.2%, 41.2%

CMYK

1.0%, 96.2%, 0.0%, 58.8%

OKLCH

0.3657 0.1648 327.8

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#680469

#056904

Analogous

#360469

#690438

#680469

Triadic

#680469

#696804

#046968

Split Complementary

#680469

#386904

#046936

Tetradic

#680469

#693604

#056904

#043869

Color Blindness Simulation

Original

#680469

Protanopia

#3D3C51

Deuteranopia

#424A4B

Tritanopia

#633D39

Achromatopsia

#212121

CSS Usage

background-color: #680469;
color: #680469;
border-color: #680469;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FCBAFC
300
#F989FB
400
#F649F8
500
#F309F6
600
#C307C5
700
#9C069D
800
#7A057B
900
#580859
950
#380538

Contrast Checker

Text on white

11.6:1

AA Pass AAA Pass

Text on black

1.81:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026