Y2K Metallic Cyber

Turn-of-the-millennium rave fashion revival with holographic silver vinyl, baby pink tees, and icy blue shades.

#Fashion#Futuristic#Vibrant#Creative#Modern
Open in Generator
COLOR 1
#1E1B4B
Abyss Blue
COLOR 2
#4C1D95
Indigo
COLOR 3
#EC4899
Pink 500
COLOR 4
#38BDF8
Deep Sky Blue
COLOR 5
#F8FAFC
Slate 50

Color Values & Codes

HEX · RGB · HSL
Abyss Blue
#1E1B4B
rgb(30, 27, 75)hsl(244, 47%, 20%)Color details →
Indigo
#4C1D95
rgb(76, 29, 149)hsl(264, 67%, 35%)Color details →
Pink 500
#EC4899
rgb(236, 72, 153)hsl(330, 81%, 60%)Color details →
rgb(56, 189, 248)hsl(198, 93%, 60%)Color details →
Slate 50
#F8FAFC
rgb(248, 250, 252)hsl(210, 40%, 98%)Color details →

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #1E1B4B;
  --color-2: #4C1D95;
  --color-3: #EC4899;
  --color-4: #38BDF8;
  --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
#1E1B4B on #38BDF87.46:1
Normal Text AA Pass
Sample Text
#1E1B4B on #F8FAFC15.28:1
Normal Text AA Pass
Sample Text
#4C1D95 on #38BDF85.11:1
Normal Text AA Pass
Sample Text
#4C1D95 on #F8FAFC10.47:1
Normal Text AA Pass
Sample Text
#EC4899 on #38BDF81.65:1
Large Text Only (Fail)
Sample Text
#EC4899 on #F8FAFC3.37:1
Large Text Only (Pass)