Palette · 10 colors · Lc 9.7
Classic Purple Emperor Mirror palette
Classic Purple Emperor Mirror: a 10-color palette (Pink, 10 Colors). HEX, RGB, HSL and OKLCH for #F8F5FF, #C8CCFF, #BBA3FD, #A07DE7, #9065DC, #6441B9, #4D318E, #3E1969, #20103B, #0A0418, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 10 Colors
bg
#F8F5FF
surface
#C8CCFF
muted
#BBA3FD
primary
#A07DE7
secondary
#9065DC
accent
#6441B9
highlight
#4D318E
border
#3E1969
focus
#20103B
text
#0A0418
Colors in Classic Purple Emperor Mirror: HEX, RGB, HSL & OKLCH
- #F8F5FF color page →
bg
#F8F5FF
- RGB
- rgb(248 245 255)
- HSL
- hsl(258 100% 98%)
- OKLCH
- oklch(0.975 0.014 299.8)
WCAG contrast: on white 1.07:1 (Fail) · on black 19.49:1 (AAA)
- #C8CCFF color page →
surface
#C8CCFF
- RGB
- rgb(200 204 255)
- HSL
- hsl(236 100% 89%)
- OKLCH
- oklch(0.859 0.071 281.3)
WCAG contrast: on white 1.55:1 (Fail) · on black 13.53:1 (AAA)
- #BBA3FD color page →
muted
#BBA3FD
- RGB
- rgb(187 163 253)
- HSL
- hsl(256 96% 82%)
- OKLCH
- oklch(0.77 0.128 295.5)
WCAG contrast: on white 2.14:1 (Fail) · on black 9.77:1 (AAA)
- #A07DE7 color page →
primary
#A07DE7
- RGB
- rgb(160 125 231)
- HSL
- hsl(260 69% 70%)
- OKLCH
- oklch(0.668 0.155 297.3)
WCAG contrast: on white 3.19:1 (Fail) · on black 6.58:1 (AA)
- #9065DC color page →
secondary
#9065DC
- RGB
- rgb(144 101 220)
- HSL
- hsl(262 63% 63%)
- OKLCH
- oklch(0.606 0.176 297.6)
WCAG contrast: on white 4.13:1 (Fail) · on black 5.08:1 (AA)
- #6441B9 color page →
accent
#6441B9
- RGB
- rgb(100 65 185)
- HSL
- hsl(258 48% 49%)
- OKLCH
- oklch(0.483 0.18 291.7)
WCAG contrast: on white 7.00:1 (AAA) · on black 2.99:1 (Fail)
- #4D318E color page →
highlight
#4D318E
- RGB
- rgb(77 49 142)
- HSL
- hsl(258 49% 37%)
- OKLCH
- oklch(0.401 0.146 292.4)
WCAG contrast: on white 9.78:1 (AAA) · on black 2.14:1 (Fail)
- #3E1969 color page →
border
#3E1969
- RGB
- rgb(62 25 105)
- HSL
- hsl(268 62% 25%)
- OKLCH
- oklch(0.317 0.131 300)
WCAG contrast: on white 13.56:1 (AAA) · on black 1.54:1 (Fail)
- #20103B color page →
focus
#20103B
- RGB
- rgb(32 16 59)
- HSL
- hsl(262 57% 15%)
- OKLCH
- oklch(0.224 0.079 296.6)
WCAG contrast: on white 17.51:1 (AAA) · on black 1.19:1 (Fail)
- #0A0418 color page →
text
#0A0418
- RGB
- rgb(10 4 24)
- HSL
- hsl(258 71% 5%)
- OKLCH
- oklch(0.134 0.045 295.9)
WCAG contrast: on white 20.12:1 (AAA) · on black 1.04:1 (Fail)
Export Classic Purple Emperor Mirror: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f8f5ff;
--surface: #c8ccff;
--muted: #bba3fd;
--primary: #a07de7;
--secondary: #9065dc;
--accent: #6441b9;
--highlight: #4d318e;
--border: #3e1969;
--focus: #20103b;
--text: #0a0418;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f8f5ff;
--color-surface: #c8ccff;
--color-muted: #bba3fd;
--color-primary: #a07de7;
--color-secondary: #9065dc;
--color-accent: #6441b9;
--color-highlight: #4d318e;
--color-border: #3e1969;
--color-focus: #20103b;
--color-text: #0a0418;
}JSON (DTCG tokens)
{
"classic-purple-emperor-mirror-7ou": {
"bg": {
"$type": "color",
"$value": "#f8f5ff"
},
"surface": {
"$type": "color",
"$value": "#c8ccff"
},
"muted": {
"$type": "color",
"$value": "#bba3fd"
},
"primary": {
"$type": "color",
"$value": "#a07de7"
},
"secondary": {
"$type": "color",
"$value": "#9065dc"
},
"accent": {
"$type": "color",
"$value": "#6441b9"
},
"highlight": {
"$type": "color",
"$value": "#4d318e"
},
"border": {
"$type": "color",
"$value": "#3e1969"
},
"focus": {
"$type": "color",
"$value": "#20103b"
},
"text": {
"$type": "color",
"$value": "#0a0418"
}
}
}About this palette
Classic Purple Emperor Mirror is a 10-color OKLCH-ready palette tagged pink, 10 colors. Hex values: #F8F5FF, #C8CCFF, #BBA3FD, #A07DE7, #9065DC, #6441B9, #4D318E, #3E1969, #20103B, #0A0418. APCA contrast score Lc 9.7. 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 Emperor Mirror by OKLab color distance.