#680370

#680370

Color Values

HEX

#680370

RGB

104, 3, 112

HSL

295.6, 94.8%, 22.5%

HSV

295.6, 97.3%, 43.9%

CMYK

7.1%, 97.3%, 0.0%, 56.1%

OKLCH

0.3701 0.1708 324.5

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#680370

#0B7003

Analogous

#310370

#700341

#680370

Triadic

#680370

#706803

#037068

Split Complementary

#680370

#417003

#037031

Tetradic

#680370

#703103

#0B7003

#034170

Color Blindness Simulation

Original

#680370

Protanopia

#3C3B56

Deuteranopia

#424A4F

Tritanopia

#63413C

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#FDF1FE
100
#F9DFFC
200
#F8B9FD
300
#F388FC
400
#ED47FA
500
#E707F8
600
#B905C7
700
#94049F
800
#73037C
900
#54075A
950
#350439

Contrast Checker

Text on white

11.44:1

AA Pass AAA Pass

Text on black

1.84:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026