#680871

#680871

Color Values

HEX

#680871

RGB

104, 8, 113

HSL

294.9, 86.8%, 23.7%

HSV

294.9, 92.9%, 44.3%

CMYK

8.0%, 92.9%, 0.0%, 55.7%

OKLCH

0.3733 0.1684 324.0

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#680871

#117108

Analogous

#340871

#710845

#680871

Triadic

#680871

#716808

#087168

Split Complementary

#680871

#457108

#087134

Tetradic

#680871

#713408

#117108

#084571

Color Blindness Simulation

Original

#680871

Protanopia

#3E3E58

Deuteranopia

#444B52

Tritanopia

#63443F

Achromatopsia

#242424

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F8E0FA
200
#F5BCFA
300
#EE8DF7
400
#E54FF3
500
#DB11EE
600
#AF0DBF
700
#8C0B98
800
#6E0877
900
#500B56
950
#320737

Contrast Checker

Text on white

11.28:1

AA Pass AAA Pass

Text on black

1.86:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026