Back to Gallery
Colour Explorer
#ffd21e -A bold mid-tone amber.
- Commonly used for Warning messages (softer than red), Highlighting important content, Review or pending states, Rating elements, and Attention-grabbing accents
- This is Hugging Face's primary colour.
Colour Values
HEX
#ffd21e
RGB
rgb(255, 210, 30)
HSL
hsl(48, 100, 56)
OKLCH
oklch(87.74% 0.1748 92.58)
Contrast Analysis
Against White
1.45
Very poorAgainst Black
14.49
GoodMatching Algorithm
Method
Using LAB colour space for perceptually accurate matching (CIE94 formula).
Distance
2.02
ExcellentInput Colour
Nearest Tailwind Match
Distance: 2.02
Top Tailwind Colour Matches
All green Shades in Tailwind
Colour Combinations
Monochromatic
Complementary
Analogous
Triadic
Brand Palette
Primary brand color
yellow-400Brand accent
yellow-400Secondary accent
sky-400Text & UI elements (primary-tinted)
stone-800Main background (primary-tinted)
stone-50Card background (primary-tinted)
stone-50Borders (primary-tinted)
stone-200Muted backgrounds (primary-tinted)
stone-100