ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Technology

Nanotechnology Carbon Tube

Ultra-strong graphene and carbon nanotube aesthetic with monochrome diamond-hard atomic layers.

#Tech#Dark#Minimal#Futuristic
Open in Generator
COLOR 1
#09090B
Obsidian Black
COLOR 2
#18181B
Zinc 900
COLOR 3
#27272A
Anthracite
COLOR 4
#52525B
Graphite
COLOR 5
#A1A1AA
Dark Gray

Color Values & Codes

HEX · RGB · HSL
rgb(9, 9, 11)hsl(240, 10%, 4%)Color details →
Zinc 900
#18181B
rgb(24, 24, 27)hsl(240, 6%, 10%)Color details →
Anthracite
#27272A
rgb(39, 39, 42)hsl(240, 4%, 16%)Color details →
Graphite
#52525B
rgb(82, 82, 91)hsl(240, 5%, 34%)Color details →
Dark Gray
#A1A1AA
rgb(161, 161, 170)hsl(240, 5%, 65%)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: #09090B;
  --color-2: #18181B;
  --color-3: #27272A;
  --color-4: #52525B;
  --color-5: #A1A1AA;
}

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
#09090B on #52525B2.57:1
Large Text Only (Fail)
Sample Text
#09090B on #A1A1AA7.76:1
Normal Text AA Pass
Sample Text
#18181B on #52525B2.29:1
Large Text Only (Fail)
Sample Text
#18181B on #A1A1AA6.91:1
Normal Text AA Pass
Sample Text
#27272A on #52525B1.93:1
Large Text Only (Fail)
Sample Text
#27272A on #A1A1AA5.81: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
#0B0B0BCopy
#1C1917Copy
#B45309Copy
#D97706Copy
#FDE68ACopy
cp-featured-06Luxury
Haute Couture Noir & Gold
LuxuryDarkFashion
#FFFFFFCopy
#F4F4F5Copy
#A1A1AACopy
#27272ACopy
#E11D48Copy
cp-featured-07Minimal
Swiss Editorial Clean
MinimalCreativeBold