#680366

#680366

Color Values

HEX

#680366

RGB

104, 3, 102

HSL

301.2, 94.4%, 21.0%

HSV

301.2, 97.1%, 40.8%

CMYK

0.0%, 97.1%, 1.9%, 59.2%

OKLCH

0.3631 0.1633 329.3

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#680366

#036805

Analogous

#380368

#680334

#680366

Triadic

#680366

#666803

#036668

Split Complementary

#680366

#346803

#036838

Tetradic

#680366

#683803

#036805

#033468

Color Blindness Simulation

Original

#680366

Protanopia

#3C3B4E

Deuteranopia

#424A48

Tritanopia

#633B37

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FDBAFC
300
#FC88F9
400
#FA48F6
500
#F807F3
600
#C606C2
700
#9F059C
800
#7C047A
900
#5A0758
950
#390538

Contrast Checker

Text on white

11.71:1

AA Pass AAA Pass

Text on black

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