Back to Gallery
Colour Explorer
#164e63 -A rich turquoise 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
#164e63
RGB
rgb(22, 78, 99)
HSL
hsl(196, 64, 24)
OKLCH
oklch(39.82% 0.0664 227.39)
Contrast Analysis
Against White
9.11
GoodAgainst Black
2.30
Very poorMatching Algorithm
Method
Using LAB colour space for perceptually accurate matching (CIE94 formula).
Distance
0.00
ExcellentInput Colour
Nearest Tailwind Match
Distance: 0.00
Top Tailwind Colour Matches
All green Shades in Tailwind
Colour Combinations
Monochromatic
Complementary
Analogous
Triadic
Brand Palette
Primary brand color
cyan-900Brand accent
cyan-900Secondary accent
pink-950Text & UI elements (primary-tinted)
neutral-800Main background (primary-tinted)
zinc-50Card background (primary-tinted)
zinc-50Borders (primary-tinted)
zinc-200Muted backgrounds (primary-tinted)
gray-100