#680774

#680774

Color Values

HEX

#680774

RGB

104, 7, 116

HSL

293.4, 88.6%, 24.1%

HSV

293.4, 94.0%, 45.5%

CMYK

10.3%, 94.0%, 0.0%, 54.5%

OKLCH

0.375 0.1714 322.6

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#680774

#137407

Analogous

#310774

#740749

#680774

Triadic

#680774

#746807

#077468

Split Complementary

#680774

#497407

#077431

Tetradic

#680774

#743107

#137407

#074974

Color Blindness Simulation

Original

#680774

Protanopia

#3E3D5A

Deuteranopia

#444B53

Tritanopia

#634540

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F8E0FB
200
#F4BCFB
300
#EC8CF8
400
#E24DF4
500
#D80FF0
600
#AC0CC0
700
#8A099A
800
#6C0778
900
#4F0A57
950
#320637

Contrast Checker

Text on white

11.22:1

AA Pass AAA Pass

Text on black

1.87:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026