A rich royal blue 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
- This is Lyft's secondary colour.
Colour Values
HEX
#352384
RGB
53, 35, 132
HSL
251, 58, 33
OKLCH
oklch(34.67% 0.1526 283.54)
Contrast Analysis
Against White
12.17
GoodAgainst Black
1.72
Very poorMatching Algorithm
Method
Using LAB colour space for perceptually accurate matching (CIE94 formula).
Distance
3.76
ExcellentInput Colour
Nearest Tailwind Match
Distance: 3.76
Top Tailwind Colour Matches
All green Shades in Tailwind
Colour Combinations
Monochromatic
Complementary
Analogous
Triadic
Brand Palette
Primary brand color
indigo-900Brand accent
violet-950Complementary accent
lime-700Text & UI elements
slate-800Backgrounds & borders
slate-200