#680667

#680667

Color Values

HEX

#680667

RGB

104, 6, 103

HSL

300.6, 89.1%, 21.6%

HSV

300.6, 94.2%, 40.8%

CMYK

0.0%, 94.2%, 1.0%, 59.2%

OKLCH

0.3653 0.162 328.8

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#680667

#066807

Analogous

#380668

#680636

#680667

Triadic

#680667

#676806

#066768

Split Complementary

#680667

#366806

#066838

Tetradic

#680667

#683806

#066807

#063668

Color Blindness Simulation

Original

#680667

Protanopia

#3E3D50

Deuteranopia

#434B4A

Tritanopia

#633D39

Achromatopsia

#222222

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FBE0FA
200
#FBBBFA
300
#F88BF7
400
#F54DF3
500
#F10EEF
600
#C10BBF
700
#9A0999
800
#790777
900
#570A57
950
#370637

Contrast Checker

Text on white

11.6:1

AA Pass AAA Pass

Text on black

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