Lake Blue

Web-standard lake blue, bright and clear like highland lake waters

HEX#5897FB

RGBrgb(88, 151, 251)

HSLhsl(217, 95%, 66%)

HSVhsv(217, 65%, 98%)

CMYKcmyk(65%, 40%, 0%, 2%)

HEXA#5897FBFF

RGBArgba(88, 151, 251, 1)

HSLAhsla(217, 95%, 66%, 1)

OKLCHoklch(82.7%, 0.086, 253)

LCHlch(80.1%, 36.3, 256)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)

Triadic3 hues spaced 120° apart

Split ComplementaryMain color + colors adjacent to its complement

Complementary2 hues spaced 180° apart

Tetradic (Rectangle)4 hues forming a rectangle

MonochromaticSingle hue with varying saturation and lightness

♿ WCAG Contrast Colors

Learn More →

Aa14px Body

High Contrast Text

#FFFFFFRatio 2.9:1Fail

Suitable for body text, headings, and primary content, ensuring readability for all users

Aa14px Body

Standard Text

#FFFFFFRatio 2.9:1Fail

Suitable for regular body content, meeting WCAG AA standards

Aa14px Body

Large Text / UI Components

#FFFFFFRatio 2.9:1Fail

Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries

Aa14px Body

Decorative / Dividers

#FEC8DDRatio 2:1Fail

Suitable for decorative elements, dividers, non-essential text

📊 Color Scales

Online Color Picker → Gradient Generator →

Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%

#032863

#033686

#0445AE

#0555D6

#0B66F9

#2E7CFA

#5695FB

Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%

#87A1C9

#7F9FD2

#779DDA

#6E9BE2

#6699EA

#5E97F3

#5695FB

Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling

#243042

#293E60

#2C4F87

#2A5EB2

#276DDD

#3A7FEE

#5695FB

Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°

#56BEFB

#56B1FB

#56A3FB

#5695FB

#5687FB

#567AFB

#566CFB

💡 Use Cases

🏊

Swim Gear

Accent colors on racing goggles or swimwear, highly visible in water and perfectly matching streamlined designs.

🔘

Call-to-Action Buttons

Primary buttons on landing pages, leveraging high recognition and pleasantness to significantly boost click-through rates.

🎮

Gaming Peripherals

Keyboard backlights or mouse side buttons, casting cool, non-glaring ambient light in low-light conditions.

📸

Travel Filters

Preset filters in photo-editing apps, easily creating clear, transparent highland lake tones that evoke summer.

📜 Origin & History

Lake Blue derives its name from the visual impression of alpine glacial lakes and karst lake waters. Affected by mineral scattering of sunlight in the water, lakes display crystalline blue-green hues during certain seasons. Romantic poets of the 19th century sang of this clarity.

As a pigment, Lake Blue emerged with the rise of synthetic inorganic pigments in the 19th century, purer than natural pigments. In early 20th-century modernist painting, lake blue was used to express the transparency of water and the vibrancy of light reflections.

In establishing digital standards, Lake Blue was selected as a UI-safe color for its high saturation and moderate brightness. Compared to sky blue, lake blue has more green-blue penetrative power, making it particularly eye-catching on screen displays.

Today, Lake Blue is favored by internet companies. It breaks free from the dullness of traditional blues and is widely used for call-to-action buttons, hyperlinks, and brand identity systems that embody vitality and technological energy.

🧠 Color Psychology

LivelyLike shimmering lake water, imparting visual agility and breaking monotonous stillness.

CrystallineAs clear as seeing through to a shallow bottom, bringing psychological transparency without concealment or burden.

EnergeticHigh color purity translates into旺盛 vitality, invigorating the spirit and filling one with drive.

ApproachableHighly universal appeal, its balanced hue transcends age and cultural barriers.

ExploratoryLake blue beckons like an island in a deep lake, inspiring curiosity to venture into the unknown.

TherapeuticEvoking serene holiday waters, it soothes the tension and anxiety of urban life.

← Back to Explore Colors