A mid-tone amber, notable for its bold character.
- 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 brand colour.
Colour Values
HEX
#ffd21e
RGB
255, 210, 30
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 Matches
All green Shades
Colour Combinations
Monochromatic
Complementary
Analogous
Triadic
Brand Palette
Primary brand color
yellow-400Brand accent
yellow-400Complementary accent
indigo-500Text & UI elements
slate-800Backgrounds & borders
slate-200