Back to Gallery

Colour Explorer

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

#cca433 -A rich shade of mid-tone amber.

Commonly used for Warning messages (softer than red), Highlighting important content, Review or pending states, Rating elements, and Attention-grabbing accents
Used on the Family Supper Club website (Golden yellow (--alt-bright), bright alternative accent).

Colour Values

HEX

#cca433

RGB

rgb(204, 164, 51)

HSL

hsl(44, 60, 50)

OKLCH

oklch(73.59% 0.1334 88.40)

Contrast Analysis

Against White

2.35

Very poor

Against Black

8.93

Good

Matching Algorithm

Method

LAB (CIE94) RGB

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

Distance

8.28

Good

Input Colour

Nearest Tailwind Match

Distance: 8.28

Top Tailwind Colour Matches

All green Shades in Tailwind

Colour Combinations

Monochromatic

Complementary

Analogous

Triadic

Brand Palette

Primary brand color

yellow-500

Brand accent

yellow-600

Secondary accent

cyan-500

Text & UI elements (primary-tinted)

stone-900

Main background (primary-tinted)

stone-50

Card background (primary-tinted)

zinc-50

Borders (primary-tinted)

stone-200

Muted backgrounds (primary-tinted)

stone-100