Bright Blue

A highly saturated vivid blue, full of vitality and technological flair

HEX#0066FF

RGBrgb(0, 102, 255)

HSLhsl(216, 100%, 50%)

HSVhsv(216, 100%, 100%)

CMYKcmyk(100%, 60%, 0%, 0%)

HEXA#0066FFFF

RGBArgba(0, 102, 255, 1)

HSLAhsla(216, 100%, 50%, 1)

OKLCHoklch(70.6%, 0.168, 242)

LCHlch(66.4%, 59, 258)

🎨 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 4.8:1AA

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

Aa14px Body

Standard Text

#F6F5FFRatio 4.5:1AA

Suitable for regular body content, meeting WCAG AA standards

Aa14px Body

Large Text / UI Components

#E4BDFFRatio 3:1AA Large

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

Aa14px Body

Decorative / Dividers

#FF7AAFRatio 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%

#001F4D

#002B6B

#00378A

#0041A3

#004EC2

#005AE0

#0066FF

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

#4D75B3

#4073BF

#3370CC

#266ED9

#196BE6

#0D69F2

#0066FF

Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling

#1B2432

#1F314C

#203E69

#1D4787

#1652AC

#0D5CD3

#0066FF

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

#00A6FF

#0091FF

#007BFF

#0066FF

#0051FF

#003BFF

#0026FF

💡 Use Cases

📱

Tech Icons

Primary color or gradient backgrounds for mobile apps, defining the tone of modern mobile life.

🚀

Launch Posters

Key visuals for tech pre-orders or developer conferences, creating tension and anticipation of breakthrough.

🏎️

Electric Cars

Factory concept paint for streamlined bodies,诠释 silent extreme acceleration in light and shadow.

🔵

Data Visualization

Core line charts on big data dashboards, cutting through tables with high visibility to convey business trends.

📜 Origin & History

Bright Blue is a color exclusive to modern digital interfaces. When early computers could only display a limited palette, bright blue phosphors were chosen as the standard interface accent because they were crisp yet non-glaring on dark CRT screens.

At the turn of the century, Microsoft and IBM operating system interfaces were built around bright blue. Blue Screen of Death, the Windows logo, and evolved hyperlinks made bright blue inseparable from digital experience.

During the dot-com era, bright blue became Silicon Valley's signature color. From Dell to Intel, hardware giants believed bright blue most quickly conveyed cutting-edge, fast, and transcendent tech promises.

In contemporary materials, bright blue combines with electroluminescent coatings and nano-textures on concept cars. It's no longer static but an interactive surface for the AI age.

🧠 Color Psychology

EfficientSuppressing procrastination like a mental accelerator, forcing neural synapses to race on information highways.

AmbitiousAn extremely pioneering stance, encouraging technological disruption of all conventions—the internet spirit of breaking to build.

Eye-catchingRepresenting prompts and calls in signal systems, forcing visual cortex activation without any possibility of missing.

Slightly AgitatedMildly aggressive, keeping one in a lightly elevated state suitable for short sprints rather than long meditation.

ParadigmaticDefining universal technical rules, categorized by the brain as system-level—the reliability of default settings.

Open SourceBreaking the aristocratic feel of traditional blue, filled with the spirit of sharing and community—the totem of technological equality.

← Back to Explore Colors