A vibrant pine in deep tones.
- 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
#10b981
RGB
16, 185, 129
HSL
160, 84, 39
OKLCH
oklch(69.59% 0.1491 162.48)
Contrast Analysis
Against White
2.54
Very poorAgainst Black
8.28
GoodMatching Algorithm
Method
Using LAB colour space for perceptually accurate matching (CIE94 formula).
Distance
0.00
ExcellentInput Colour
Nearest Tailwind Colour
Distance: 0.00
Top Matches
All green Shades
Colour Combinations
Monochromatic
Complementary
Analogous
Triadic
Brand Palette
Primary brand color
emerald-500Brand accent
emerald-500Complementary accent
pink-700Text & UI elements
slate-800Backgrounds & borders
slate-200