ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Technology

Supercomputer Cray Blue

HPC parallel supercomputing palette celebrating legacy deep blue cabinets and liquid cooling loops.

#Tech#Cool#Bold#Modern
Open in Generator
COLOR 1
#0A1128
Mariana Trench
COLOR 2
#1C3782
Dark Slate Blue
COLOR 3
#2B5CD6
Royal Blue
COLOR 4
#5983FF
Blueberry
COLOR 5
#EBF1FF
Magnolia White

Color Values & Codes

HEX · RGB · HSL
rgb(10, 17, 40)hsl(226, 60%, 10%)Color details →
rgb(28, 55, 130)hsl(224, 65%, 31%)Color details →
Royal Blue
#2B5CD6
rgb(43, 92, 214)hsl(223, 68%, 50%)Color details →
Blueberry
#5983FF
rgb(89, 131, 255)hsl(225, 100%, 67%)Color details →
rgb(235, 241, 255)hsl(222, 100%, 96%)Color details →

Open In Design Tools

Palette Generator
Lock & shuffle colors
Contrast Checker
Test WCAG compliance
Shades & Tints
Generate tonal steps
Technology Palettes
Explore category schemes

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #0A1128;
  --color-2: #1C3782;
  --color-3: #2B5CD6;
  --color-4: #5983FF;
  --color-5: #EBF1FF;
}

Role-Based WCAG Contrast Audit

Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:

Sample Text
#0A1128 on #5983FF5.44:1
Normal Text AA Pass
Sample Text
#0A1128 on #EBF1FF16.52:1
Normal Text AA Pass
Sample Text
#1C3782 on #5983FF3.19:1
Large Text Only (Pass)
Sample Text
#1C3782 on #EBF1FF9.68:1
Normal Text AA Pass
Sample Text
#2B5CD6 on #5983FF1.70:1
Large Text Only (Fail)
Sample Text
#2B5CD6 on #EBF1FF5.15:1
Normal Text AA Pass

Related Palettes in Technology

Explore Technology
#0F172ACopy
#1E293BCopy
#2563EBCopy
#38BDF8Copy
#F8FAFCCopy
cp-featured-01Technology
SaaS Velocity Blue
TechModernCool
#FFFFFFCopy
#F4F4F5Copy
#A1A1AACopy
#27272ACopy
#E11D48Copy
cp-featured-07Minimal
Swiss Editorial Clean
MinimalCreativeBold
#020B14Copy
#06283DCopy
#1363DFCopy
#47B5FFCopy
#DFF6FFCopy
cp-featured-08Ocean
Marianas Deep Sea
OceanCool
#FAFAFACopy
#E4E4E7Copy
#71717ACopy
#3F3F46Copy
#18181BCopy
cp-featured-22Minimal
Nordic Monolith
MinimalCleanModern