A mid-tone azure, notable for its bold character.
- Commonly used for primary actions, links, and brand elements
- This is Google's primary brand colour.
Colour Values
HEX
#4285f4
RGB
66, 133, 244
HSL
217, 89, 61
OKLCH
oklch(63.04% 0.1800 259.96)
Contrast Analysis
Against White
3.56
PoorAgainst Black
5.89
GoodMatching Algorithm
Method
Using LAB colour space for perceptually accurate matching (CIE94 formula).
Distance
1.30
ExcellentInput Colour
Nearest Tailwind Match
Distance: 1.30
Top Matches
All green Shades
Colour Combinations
Monochromatic
Complementary
Analogous
Triadic
Brand Palette
Primary brand color
blue-500Brand accent
blue-600Complementary accent
orange-300Text & UI elements
slate-800Backgrounds & borders
slate-200