Colour Explorer

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

#3b82f6 -A bold mid-tone azure.

Commonly used for primary actions, links, and brand elements

Colour Values

HEX

#3b82f6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91, 60)

OKLCH

oklch(62.31% 0.1880 259.81)

Contrast Analysis

Against White

3.68

Poor

Against Black

5.71

Good

Matching Algorithm

Method

LAB (CIE94) RGB

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

Distance

0.00

Excellent

Input Colour

Nearest Tailwind Match

Distance: 0.00

Top Tailwind Colour Matches

All green Shades in Tailwind

Colour Combinations

Monochromatic

Complementary

Analogous

Triadic

Brand Palette

Primary brand color

blue-500

Brand accent

blue-600

Secondary accent

red-400

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)

gray-100