Palette · 3 colors · Lc 9.1
Classic Purple Illusion Archive palette
Classic Purple Illusion Archive: a 3-color palette (Pink, Gray, Pastel, 3 Colors). HEX, RGB, HSL and OKLCH for #E6F1FB, #B3C1F5, #2A3847, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E6F1FB
accent
#B3C1F5
text
#2A3847
Colors in Classic Purple Illusion Archive: HEX, RGB, HSL & OKLCH
- #E6F1FB color page →
bg
#E6F1FB
- RGB
- rgb(230 241 251)
- HSL
- hsl(209 72% 94%)
- OKLCH
- oklch(0.953 0.018 245.4)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.33:1 (AAA)
- #B3C1F5 color page →
accent
#B3C1F5
- RGB
- rgb(179 193 245)
- HSL
- hsl(227 77% 83%)
- OKLCH
- oklch(0.818 0.075 272.9)
WCAG contrast: on white 1.77:1 (Fail) · on black 11.86:1 (AAA)
- #2A3847 color page →
text
#2A3847
- RGB
- rgb(42 56 71)
- HSL
- hsl(211 26% 22%)
- OKLCH
- oklch(0.335 0.032 250.6)
WCAG contrast: on white 11.96:1 (AAA) · on black 1.75:1 (Fail)
Export Classic Purple Illusion Archive: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e6f1fb;
--accent: #b3c1f5;
--text: #2a3847;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e6f1fb;
--color-accent: #b3c1f5;
--color-text: #2a3847;
}JSON (DTCG tokens)
{
"classic-purple-illusion-archive-29f": {
"bg": {
"$type": "color",
"$value": "#e6f1fb"
},
"accent": {
"$type": "color",
"$value": "#b3c1f5"
},
"text": {
"$type": "color",
"$value": "#2a3847"
}
}
}About this palette
Classic Purple Illusion Archive is a 3-color OKLCH-ready palette tagged pink, gray, pastel, 3 colors. Hex values: #E6F1FB, #B3C1F5, #2A3847. APCA contrast score Lc 9.1. 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 Classic Purple Illusion Archive by OKLab color distance.