A bold amethyst in light tones.

  • Commonly used for Premium features, Creative tools, Alternative primary actions, Active states, and Featured content
  • You might recognize it from Twitch's brand color, Discord's theme, Slack's accent color, and Yahoo's brand

Colour Values

HEX

#a855f7

RGB

168, 85, 247

HSL

271, 91, 65

OKLCH

oklch(62.68% 0.2325 303.90)

Contrast Analysis

Against White

3.96

Poor

Against Black

5.31

Good

Matching Algorithm

Method

Using LAB colour space for perceptually accurate matching (CIE94 formula).

Distance

0.00

Excellent
Input Colour
Nearest Tailwind Colour
Distance: 0.00

Colour Combinations

Monochromatic

Complementary

Analogous

Triadic

Brand Palette

Primary brand color
purple-500
Brand accent
purple-600
Complementary accent
lime-300
Text & UI elements
slate-800
Backgrounds & borders
slate-200