#681568

#681568

Color Values

HEX

#681568

RGB

104, 21, 104

HSL

300.0, 66.4%, 24.5%

HSV

300.0, 79.8%, 40.8%

CMYK

0.0%, 79.8%, 0.0%, 59.2%

OKLCH

0.3751 0.1506 328.1

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#681568

#156815

Analogous

#3E1568

#68153E

#681568

Triadic

#681568

#686815

#156868

Split Complementary

#681568

#3E6815

#15683E

Tetradic

#681568

#683E15

#156815

#153E68

Color Blindness Simulation

Original

#681568

Protanopia

#444354

Deuteranopia

#494F4F

Tritanopia

#644441

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F7E3F7
200
#F3C4F3
300
#EA99EA
400
#DF62DF
500
#D42BD4
600
#AA22AA
700
#881B88
800
#6A156A
900
#4D134D
950
#310C31

Contrast Checker

Text on white

11.08:1

AA Pass AAA Pass

Text on black

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