Medium Blue

A balanced, neutral medium blue, uniform and pure

HEX#0000CD
RGBrgb(0, 0, 205)
HSLhsl(240, 100%, 40%)
HSVhsv(240, 100%, 80%)
CMYKcmyk(100%, 100%, 0%, 20%)
HEXA#0000CDFF
RGBArgba(0, 0, 205, 1)
HSLAhsla(240, 100%, 40%, 1)
OKLCHoklch(42%, 0.291, 264)
LCHlch(28.9%, 126.1, 303)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#0066CC
Copy
#0000CD
Copy
#6600CC
Triadic3 hues spaced 120° apart
Copy
#0000CD
Copy
#CC0000
Copy
#00CC00
Split ComplementaryMain color + colors adjacent to its complement
Copy
#0000CD
Copy
#CC6600
Copy
#66CC00
Complementary2 hues spaced 180° apart
Copy
#0000CD
Copy
#CCCC00
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#0000CD
Copy
#CC0066
Copy
#CCCC00
Copy
#00CC66
MonochromaticSingle hue with varying saturation and lightness
Copy
#000000
Copy
#000066
Copy
#0000CD
Copy
#3333FF
Copy
#9999FF

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#C7C7FFRatio 6.9:1AA
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#C48AFFRatio 4.5:1AA
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#EB00EBRatio 3:1AA Large
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#D10000Ratio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%
#00003DCopy
#000057Copy
#00006BCopy
#000085Copy
#00009ECopy
#0000B3Copy
#0000CCCopy
Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%
#3D3D8FCopy
#333399Copy
#2929A3Copy
#1F1FADCopy
#1414B8Copy
#0A0AC2Copy
#0000CCCopy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling
#151528Copy
#19193ECopy
#191952Copy
#17176DCopy
#12128CCopy
#0B0BA8Copy
#0000CCCopy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#0033CCCopy
#0022CCCopy
#0011CCCopy
#0000CCCopy
#1100CCCopy
#2200CCCopy
#3300CCCopy

💡 Use Cases

⚖️

Notarial Documents

Binding covers for UN conventions—impeccable medium blue representing justice and incontestability.

📘

Textbook Covers

Common for math and physics textbooks—using this blue to condition rote-learning reflexes.

🔵

Visual Calibration

Industrial printer calibration cards and camera white balance references—deviations are quickly detected.

⚙️

BSOD

Windows' classic blue screen error—forcibly interrupting workflows,宣告 irreversible system failure.

📜 Origin & History

Medium Blue is the balanced version of RGB standard blue. When NTSC established primary color standards in the 1960s, engineers calibrated a medium blue that was neither too dark nor too light for grayscale compatibility.

In 1980s early PC GUIs, with expensive VRAM limiting displays to 16 or 256 colors, medium blue was the most frequently used standard color block—adopted by BIOS and DOS interfaces, shaping a generation of programmers' color intuition.

During the dot-com era, medium blue was the stable unvisited link color. Countless early portals used this pure blue text to guide users through the information superhighway, building early web trust mechanisms.

In modern visual design, pure medium blue has high public recognition. With no emotional bias, it directly represents standards, universality, and objectivity. Intergovernmental organizations like WHO favor this politically uncharged blue.

🧠 Color Psychology

StandardInheriting the meaning of unified measurement—eliminating individual deviation, providing unarguable rules and calibration frameworks.
PureMathematical-formula-like purity—rejecting all ornament, confronting users with logic and function's essence.
NeutralNo left-right extremes—international law spirit, upholding objective facts and absolute truth.
UniversalTranscending age, gender, and culture—a common denominator, eliminating misunderstanding in global communication.
InstructiveThe efficient if dull quality of rote learning—no emotional engagement, forcing memorization mode.
PreciseEngineering drawing's tool color—暗示 precision to the millimeter, breaking with sensory ambiguity.