Palette · 7 colors · Lc 9.8
Luminous Vaporwave Blue Archive palette
Luminous Vaporwave Blue Archive: a 7-color palette (Blue, Cold, 7 Colors). HEX, RGB, HSL and OKLCH for #D4F8FC, #1AD7F1, #00B5DE, #008AB7, #005286, #003759, #000D16, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D4F8FC
surface
#1AD7F1
muted
#00B5DE
primary
#008AB7
secondary
#005286
accent
#003759
text
#000D16
Colors in Luminous Vaporwave Blue Archive: HEX, RGB, HSL & OKLCH
- #D4F8FC color page →
bg
#D4F8FC
- RGB
- rgb(212 248 252)
- HSL
- hsl(186 87% 91%)
- OKLCH
- oklch(0.955 0.038 204.7)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.63:1 (AAA)
- #1AD7F1 color page →
surface
#1AD7F1
- RGB
- rgb(26 215 241)
- HSL
- hsl(187 88% 52%)
- OKLCH
- oklch(0.807 0.137 210.5)
WCAG contrast: on white 1.74:1 (Fail) · on black 12.03:1 (AAA)
- #00B5DE color page →
muted
#00B5DE
- RGB
- rgb(0 181 222)
- HSL
- hsl(191 100% 44%)
- OKLCH
- oklch(0.716 0.132 221.7)
WCAG contrast: on white 2.42:1 (Fail) · on black 8.66:1 (AAA)
- #008AB7 color page →
primary
#008AB7
- RGB
- rgb(0 138 183)
- HSL
- hsl(195 100% 36%)
- OKLCH
- oklch(0.593 0.119 230.2)
WCAG contrast: on white 3.94:1 (Fail) · on black 5.31:1 (AA)
- #005286 color page →
secondary
#005286
- RGB
- rgb(0 82 134)
- HSL
- hsl(203 100% 26%)
- OKLCH
- oklch(0.425 0.109 246)
WCAG contrast: on white 8.23:1 (AAA) · on black 2.55:1 (Fail)
- #003759 color page →
accent
#003759
- RGB
- rgb(0 55 89)
- HSL
- hsl(203 100% 17%)
- OKLCH
- oklch(0.324 0.079 243.7)
WCAG contrast: on white 12.42:1 (AAA) · on black 1.69:1 (Fail)
- #000D16 color page →
text
#000D16
- RGB
- rgb(0 13 22)
- HSL
- hsl(205 100% 4%)
- OKLCH
- oklch(0.15 0.031 233.4)
WCAG contrast: on white 19.64:1 (AAA) · on black 1.06:1 (Fail)
Export Luminous Vaporwave Blue Archive: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d4f8fc;
--surface: #1ad7f1;
--muted: #00b5de;
--primary: #008ab7;
--secondary: #005286;
--accent: #003759;
--text: #000d16;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d4f8fc;
--color-surface: #1ad7f1;
--color-muted: #00b5de;
--color-primary: #008ab7;
--color-secondary: #005286;
--color-accent: #003759;
--color-text: #000d16;
}JSON (DTCG tokens)
{
"luminous-vaporwave-blue-archive-3en": {
"bg": {
"$type": "color",
"$value": "#d4f8fc"
},
"surface": {
"$type": "color",
"$value": "#1ad7f1"
},
"muted": {
"$type": "color",
"$value": "#00b5de"
},
"primary": {
"$type": "color",
"$value": "#008ab7"
},
"secondary": {
"$type": "color",
"$value": "#005286"
},
"accent": {
"$type": "color",
"$value": "#003759"
},
"text": {
"$type": "color",
"$value": "#000d16"
}
}
}About this palette
Luminous Vaporwave Blue Archive is a 7-color OKLCH-ready palette tagged blue, cold, 7 colors. Hex values: #D4F8FC, #1AD7F1, #00B5DE, #008AB7, #005286, #003759, #000D16. APCA contrast score Lc 9.8. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.
Related palettes
Shared tags, similar size and contrast.
Palettes with similar colors
Closest to Luminous Vaporwave Blue Archive by OKLab color distance.