ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Technology

Photonics Waveguide

Light-based computing waveguide scheme with dual laser cyan and magenta beams intersecting over obsidian.

#Tech#Vibrant#Creative#Modern
Open in Generator
COLOR 1
#030712
Slate 950
COLOR 2
#1E1B4B
Abyss Blue
COLOR 3
#06B6D4
Cyan 500
COLOR 4
#EC4899
Pink 500
COLOR 5
#F8FAFC
Slate 50

Color Values & Codes

HEX · RGB · HSL
Slate 950
#030712
rgb(3, 7, 18)hsl(224, 71%, 4%)Color details →
Abyss Blue
#1E1B4B
rgb(30, 27, 75)hsl(244, 47%, 20%)Color details →
Cyan 500
#06B6D4
rgb(6, 182, 212)hsl(189, 94%, 43%)Color details →
Pink 500
#EC4899
rgb(236, 72, 153)hsl(330, 81%, 60%)Color details →
Slate 50
#F8FAFC
rgb(248, 250, 252)hsl(210, 40%, 98%)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: #030712;
  --color-2: #1E1B4B;
  --color-3: #06B6D4;
  --color-4: #EC4899;
  --color-5: #F8FAFC;
}

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
#030712 on #EC48995.71:1
Normal Text AA Pass
Sample Text
#030712 on #F8FAFC19.24:1
Normal Text AA Pass
Sample Text
#1E1B4B on #EC48994.53:1
Normal Text AA Pass
Sample Text
#1E1B4B on #F8FAFC15.28:1
Normal Text AA Pass
Sample Text
#06B6D4 on #EC48991.45:1
Large Text Only (Fail)
Sample Text
#06B6D4 on #F8FAFC2.32:1
Large Text Only (Fail)

Related Palettes in Technology

Explore Technology
#0F172ACopy
#1E293BCopy
#2563EBCopy
#38BDF8Copy
#F8FAFCCopy
cp-featured-01Technology
SaaS Velocity Blue
TechModernCool
#2B0938Copy
#6A0572Copy
#AB2E64Copy
#D85A52Copy
#F9A03FCopy
cp-featured-02Sunset
Malibu Dusk Glow
SunsetGradientCreative
#180F33Copy
#491F79Copy
#7C3AEDCopy
#A78BFACopy
#F5F3FFCopy
cp-featured-05App UI
Fluid iOS Violet
App UICreative
#FFFFFFCopy
#F4F4F5Copy
#A1A1AACopy
#27272ACopy
#E11D48Copy
cp-featured-07Minimal
Swiss Editorial Clean
MinimalCreativeBold