#680A69

#680A69

Color Values

HEX

#680A69

RGB

104, 10, 105

HSL

299.4, 82.6%, 22.5%

HSV

299.4, 90.5%, 41.2%

CMYK

1.0%, 90.5%, 0.0%, 58.8%

OKLCH

0.3687 0.1608 327.7

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#680A69

#0B690A

Analogous

#380A69

#690A3A

#680A69

Triadic

#680A69

#69680A

#0A6968

Split Complementary

#680A69

#3A690A

#0A6938

Tetradic

#680A69

#69380A

#0B690A

#0A3A69

Color Blindness Simulation

Original

#680A69

Protanopia

#3F3E52

Deuteranopia

#454C4C

Tritanopia

#63403C

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#F9E1FA
200
#F8BEF9
300
#F38FF4
400
#ED53EF
500
#E716E9
600
#B912BA
700
#940E95
800
#730B74
900
#540C54
950
#350835

Contrast Checker

Text on white

11.44:1

AA Pass AAA Pass

Text on black

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