Back to Gallery
Colour Explorer
#f2b700 -A mid-tone amber with bold undertones.
- Commonly used for Warning messages (softer than red), Highlighting important content, Review or pending states, Rating elements, and Attention-grabbing accents
- This is Subway's secondary colour.
Colour Values
HEX
#f2b700
RGB
rgb(242, 183, 0)
HSL
hsl(45, 100, 47)
OKLCH
oklch(81.13% 0.1663 85.07)
Contrast Analysis
Against White
1.82
Very poorAgainst Black
11.55
GoodMatching Algorithm
Method
Using LAB colour space for perceptually accurate matching (CIE94 formula).
Distance
1.95
ExcellentInput Colour
Nearest Tailwind Match
Distance: 1.95
Top Tailwind Colour Matches
All green Shades in Tailwind
Colour Combinations
Monochromatic
Complementary
Analogous
Triadic
Brand Palette
Primary brand color
yellow-500Brand accent
yellow-500Secondary 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