AR Spatial Optics
Spatial computing and augmented reality interface palette with vibrant refractive neon passes.
#Tech#Futuristic#Creative#Vibrant
COLOR 1
#18002E
Abyss Blue
COLOR 2
#3A0CA3
Neon Blue
COLOR 3
#7209B7
Vaporwave Purple
COLOR 4
#F72585
Cyberpunk Pink
COLOR 5
#4CC9F0
Caribbean Aqua
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #18002E;
--color-2: #3A0CA3;
--color-3: #7209B7;
--color-4: #F72585;
--color-5: #4CC9F0;
}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
#18002E on #F725855.15:1
Normal Text AA Pass
Sample Text
#18002E on #4CC9F010.13:1
Normal Text AA Pass
Sample Text
#3A0CA3 on #F725853.16:1
Large Text Only (Pass)
Sample Text
#3A0CA3 on #4CC9F06.20:1
Normal Text AA Pass
Sample Text
#7209B7 on #F725852.28:1
Large Text Only (Fail)
Sample Text
#7209B7 on #4CC9F04.48:1
Large Text Only (Pass)