#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