ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Technology

Virtual Machine Hypervisor

Virtualization container orchestration scheme featuring crystal clear multi-tenant hypervisor blues.

#Tech#Cool#Clean#Modern
Open in Generator
COLOR 1
#082F49
Slate 800
COLOR 2
#0284C7
Polaroid Film Cyan
COLOR 3
#0EA5E9
Sky 500
COLOR 4
#7DD3FC
Light Sky Blue
COLOR 5
#F0F9FF
Alice Blue

Color Values & Codes

HEX · RGB · HSL
Slate 800
#082F49
rgb(8, 47, 73)hsl(204, 80%, 16%)Color details →
rgb(2, 132, 199)hsl(200, 98%, 39%)Color details →
Sky 500
#0EA5E9
rgb(14, 165, 233)hsl(199, 89%, 48%)Color details →
rgb(125, 211, 252)hsl(199, 95%, 74%)Color details →
Alice Blue
#F0F9FF
rgb(240, 249, 255)hsl(204, 100%, 97%)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: #082F49;
  --color-2: #0284C7;
  --color-3: #0EA5E9;
  --color-4: #7DD3FC;
  --color-5: #F0F9FF;
}

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
#082F49 on #7DD3FC8.32:1
Normal Text AA Pass
Sample Text
#082F49 on #F0F9FF13.02:1
Normal Text AA Pass
Sample Text
#0284C7 on #7DD3FC2.46:1
Large Text Only (Fail)
Sample Text
#0284C7 on #F0F9FF3.84:1
Large Text Only (Pass)
Sample Text
#0EA5E9 on #7DD3FC1.66:1
Large Text Only (Fail)
Sample Text
#0EA5E9 on #F0F9FF2.60:1
Large Text Only (Fail)

Related Palettes in Technology

Explore Technology
#0F172ACopy
#1E293BCopy
#2563EBCopy
#38BDF8Copy
#F8FAFCCopy
cp-featured-01Technology
SaaS Velocity Blue
TechModernCool
#020B14Copy
#06283DCopy
#1363DFCopy
#47B5FFCopy
#DFF6FFCopy
cp-featured-08Ocean
Marianas Deep Sea
OceanCool
#314E35Copy
#588157Copy
#A3B18ACopy
#FFE6A7Copy
#DDA15ECopy
cp-featured-18Food
Matcha Yuzu Delight
FoodCleanFresh
#FAFAFACopy
#E4E4E7Copy
#71717ACopy
#3F3F46Copy
#18181BCopy
cp-featured-22Minimal
Nordic Monolith
MinimalCleanModern