A rich shade of mid-tone yellow.
- 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
Colour Values
HEX
#bac964
RGB
186, 201, 100
HSL
69, 48, 59
OKLCH
oklch(80.30% 0.1275 116.34)
Contrast Analysis
Against White
1.81
Very poorAgainst Black
11.63
GoodMatching Algorithm
Method
Using LAB colour space for perceptually accurate matching (CIE94 formula).
Distance
12.58
GoodInput Colour
Nearest Tailwind Match
Distance: 12.58
Top Matches
All green Shades
Colour Combinations
Monochromatic
Complementary
Analogous
Triadic
Brand Palette
Primary brand color
lime-500Brand accent
lime-500Complementary accent
indigo-400Text & UI elements
slate-800Backgrounds & borders
slate-200