#681970

#681970

Color Values

HEX

#681970

RGB

104, 25, 112

HSL

294.5, 63.5%, 26.9%

HSV

294.5, 77.7%, 43.9%

CMYK

7.1%, 77.7%, 0.0%, 56.1%

OKLCH

0.3838 0.1531 323.9

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#681970

#217019

Analogous

#3D1970

#70194D

#681970

Triadic

#681970

#706819

#197068

Split Complementary

#681970

#4D7019

#19703D

Tetradic

#681970

#703D19

#217019

#194D70

Color Blindness Simulation

Original

#681970

Protanopia

#46455B

Deuteranopia

#4A5056

Tritanopia

#644A47

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F5E4F7
200
#EEC5F2
300
#E29BE9
400
#D265DD
500
#C22FD0
600
#9B25A7
700
#7C1E85
800
#611768
900
#47154C
950
#2D0D30

Contrast Checker

Text on white

10.71:1

AA Pass AAA Pass

Text on black

1.96:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026