Google Blue
Presenting Google Blue (#4285F4), a shade that has become a cornerstone of digital aesthetics. This bright, saturated blue is notable for its clean and direct visual impact. Its specific formulation gives it a distinct energy, making it a familiar yet compelling choice for any interface.
Google Blue Code Conversions
HEX
#4285F4
LAB
57, 16, -62
RGB
66, 133, 244
XYZ
27.0, 24.5, 88.9
HSL
217°, 89%, 61%
LCH
57, 64, 284°
HSB
217°, 73%, 96%
LUV
57, -25, -99
HWB
217°, 26%, 4%
Google Blue Color Harmonies
Analogous
Analogous colors sit next to each other on the color wheel. For Google Blue, these neighboring hues create a harmonious and visually pleasing palette.
Complementary
Complementary colors sit opposite each other on the color wheel. When paired with Google Blue, its complement creates a bold, high-contrast effect.
Split Complementary
A split complementary scheme for Google Blue uses the two colors on either side of its direct complement, creating a vibrant yet balanced palette.
Triadic
A triadic palette uses three colors equally spaced on the color wheel. With Google Blue as a base, this creates a vibrant, high-contrast combination.
Tetradic
A tetradic scheme builds a versatile palette around Google Blue by using two pairs of complementary colors in a rectangular formation.
Square
Square color schemes pair four colors equidistant on the color wheel. This arrangement, with Google Blue, produces a lively and balanced high-contrast palette.
Google Blue Contrast Simulation
Google Blue Color Variations
Shades
Shades of Google Blue are darker tones made by adding black, giving the color depth and weight.
Tints
Tints of Google Blue are lighter variations made by adding white to soften the hue.
Tones
By adding gray to Google Blue, you create tones with a softer, muted saturation.
Hues
Hues are variations of Google Blue, differing in intensity or temperature to create specific moods.
What Interfaces Use Colors Like Google Blue?
