A deep cerulean with rich undertones.
- 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 Facebook's primary colour.
Colour Values
HEX
#3b5998
RGB
59, 89, 152
HSL
221, 44, 41
OKLCH
oklch(47.24% 0.1083 263.58)
Contrast Analysis
Against White
6.84
GoodAgainst Black
3.07
PoorMatching Algorithm
Method
Using LAB colour space for perceptually accurate matching (CIE94 formula).
Distance
9.11
GoodInput Colour
Nearest Tailwind Match
Distance: 9.11
Top Tailwind Colour Matches
All green Shades in Tailwind
Colour Combinations
Monochromatic
Complementary
Analogous
Triadic
Brand Palette
Primary brand color
sky-700Brand accent
blue-900Complementary accent
yellow-600Text & UI elements
slate-800Backgrounds & borders
slate-200