Colour Explorer

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

#2563eb -A vibrant mid-tone cerulean.

Commonly used for primary actions, links, and brand elements

Colour Values

HEX

#2563eb

RGB

rgb(37, 99, 235)

HSL

hsl(221, 83, 53)

OKLCH

oklch(54.61% 0.2152 262.88)

Contrast Analysis

Against White

5.17

Good

Against Black

4.06

Poor

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-600

Brand accent

blue-700

Secondary accent

red-500

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