ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Technology

Server Rack Matrix

Data center server room aesthetic with pulsating LED green rack lights against soundproof obsidian walls.

#Tech#Dark#Neon#Clean
Open in Generator
COLOR 1
#0A0A0A
Jet Black Deep
COLOR 2
#1A1A1A
Sumi Ink Black
COLOR 3
#00FF66
Laser Green
COLOR 4
#33FF88
Aurora Borealis Green
COLOR 5
#E6FFE6
Honeydew

Color Values & Codes

HEX · RGB · HSL
rgb(10, 10, 10)hsl(0, 0%, 4%)Color details →
rgb(26, 26, 26)hsl(0, 0%, 10%)Color details →
rgb(0, 255, 102)hsl(144, 100%, 50%)Color details →
rgb(51, 255, 136)hsl(145, 100%, 60%)Color details →
Honeydew
#E6FFE6
rgb(230, 255, 230)hsl(120, 100%, 95%)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: #0A0A0A;
  --color-2: #1A1A1A;
  --color-3: #00FF66;
  --color-4: #33FF88;
  --color-5: #E6FFE6;
}

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
#0A0A0A on #33FF8814.90:1
Normal Text AA Pass
Sample Text
#0A0A0A on #E6FFE618.68:1
Normal Text AA Pass
Sample Text
#1A1A1A on #33FF8813.09:1
Normal Text AA Pass
Sample Text
#1A1A1A on #E6FFE616.42:1
Normal Text AA Pass
Sample Text
#00FF66 on #33FF881.02:1
Large Text Only (Fail)
Sample Text
#00FF66 on #E6FFE61.28:1
Large Text Only (Fail)

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
#0B0B0BCopy
#1C1917Copy
#B45309Copy
#D97706Copy
#FDE68ACopy
cp-featured-06Luxury
Haute Couture Noir & Gold
LuxuryDarkFashion
#0F172ACopy
#38BDF8Copy
#818CF8Copy
#F43F5ECopy
#FDE047Copy
cp-featured-12Aesthetic
Tokyo Neon Dusk
AestheticCreativeNeon