A bold 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 L'Occitane website (Primary brand accent colour - golden yellow representing Provence sunshine).
Colour Values
HEX
#ffc700
RGB
255, 199, 0
HSL
47, 100, 50
OKLCH
oklch(85.55% 0.1749 88.01)
Contrast Analysis
Against White
1.56
Very poorAgainst Black
13.42
GoodMatching Algorithm
Method
Using LAB colour space for perceptually accurate matching (CIE94 formula).
Distance
2.14
ExcellentInput Colour
Nearest Tailwind Match
Distance: 2.14
Top Tailwind Colour Matches
All green Shades in Tailwind
Colour Combinations
Monochromatic
Complementary
Analogous
Triadic
Brand Palette
Primary brand color
yellow-400Brand accent
yellow-500Complementary accent
indigo-600Text & UI elements
slate-800Backgrounds & borders
slate-200