A bold shade of mid-tone amber.
- Commonly used for interactive elements like buttons and links, secondary interface elements, visual indicators and status markers, decorative accents and highlights, and background elements and containers
- This is Google's accent colour.
Colour Values
HEX
#fbbc04
RGB
251, 188, 4
HSL
45, 97, 50
OKLCH
oklch(83.04% 0.1699 84.01)
Contrast Analysis
Against White
1.71
Very poorAgainst Black
12.30
GoodMatching Algorithm
Method
Using LAB colour space for perceptually accurate matching (CIE94 formula).
Distance
1.28
ExcellentInput Colour
Nearest Tailwind Match
Distance: 1.28
Top Tailwind Colour Matches
All green Shades in Tailwind
Colour Combinations
Monochromatic
Complementary
Analogous
Triadic
Brand Palette
Primary brand color
amber-400Brand accent
yellow-500Complementary accent
blue-600Text & UI elements
slate-800Backgrounds & borders
slate-200