Back to Gallery

Colour Explorer

Enter HEX or paste RGB, HSL, OKLCH e.g. rgb(250, 180, 69)

#f5cbff -A bright purple with rich undertones.

Commonly used for interactive elements like buttons and links, secondary interface elements, visual indicators and status markers, decorative accents and highlights, and background elements and containers
Used on the Maxima Therapy website (Soft lavender/lilac, lighter background sections and highlights).

Colour Values

HEX

#f5cbff

RGB

rgb(245, 203, 255)

HSL

hsl(288, 100, 90)

OKLCH

oklch(89.43% 0.0830 319.74)

Contrast Analysis

Against White

1.41

Very poor

Against Black

14.87

Good

Matching Algorithm

Method

LAB (CIE94) RGB

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

Distance

1.89

Excellent

Input Colour

Nearest Tailwind Match

Distance: 1.89

Top Tailwind Colour Matches

All green Shades in Tailwind

Colour Combinations

Monochromatic

Complementary

Analogous

Triadic

Brand Palette

Primary brand color

fuchsia-200

Brand accent

fuchsia-300

Secondary accent

lime-200

Text & UI elements (primary-tinted)

zinc-900

Main background (primary-tinted)

neutral-100

Card background (primary-tinted)

zinc-50

Borders (primary-tinted)

zinc-200

Muted backgrounds (primary-tinted)

zinc-100