ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Technology

Quantum Cloud Computing

Deep oceanic quantum computing palette with cyan superconducting glow and midnight blue chassis.

#Tech#Futuristic#Modern#Cool
Open in Generator
COLOR 1
#0B132B
Mariana Trench
COLOR 2
#1C2541
Midnight Tide
COLOR 3
#3A506B
Slate 600
COLOR 4
#5BC0BE
Medium Turquoise
COLOR 5
#6FFFE9
Aquamarine

Color Values & Codes

HEX · RGB · HSL
rgb(11, 19, 43)hsl(225, 59%, 11%)Color details →
rgb(28, 37, 65)hsl(225, 40%, 18%)Color details →
Slate 600
#3A506B
rgb(58, 80, 107)hsl(213, 30%, 32%)Color details →
rgb(91, 192, 190)hsl(179, 44%, 55%)Color details →
Aquamarine
#6FFFE9
rgb(111, 255, 233)hsl(171, 100%, 72%)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: #0B132B;
  --color-2: #1C2541;
  --color-3: #3A506B;
  --color-4: #5BC0BE;
  --color-5: #6FFFE9;
}

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
#0B132B on #5BC0BE8.52:1
Normal Text AA Pass
Sample Text
#0B132B on #6FFFE915.02:1
Normal Text AA Pass
Sample Text
#1C2541 on #5BC0BE7.00:1
Normal Text AA Pass
Sample Text
#1C2541 on #6FFFE912.34:1
Normal Text AA Pass
Sample Text
#3A506B on #5BC0BE3.83:1
Large Text Only (Pass)
Sample Text
#3A506B on #6FFFE96.76:1
Normal Text AA Pass

Related Palettes in Technology

Explore Technology
#0F172ACopy
#1E293BCopy
#2563EBCopy
#38BDF8Copy
#F8FAFCCopy
cp-featured-01Technology
SaaS Velocity Blue
TechModernCool
#050505Copy
#00FF66Copy
#00F0FFCopy
#FF0055Copy
#FFE600Copy
cp-featured-04Gaming
Cyber Glitch Protocol
GamingFuturisticNeon
#020B14Copy
#06283DCopy
#1363DFCopy
#47B5FFCopy
#DFF6FFCopy
cp-featured-08Ocean
Marianas Deep Sea
OceanCool
#FAFAFACopy
#E4E4E7Copy
#71717ACopy
#3F3F46Copy
#18181BCopy
cp-featured-22Minimal
Nordic Monolith
MinimalCleanModern