Palette · 3 colors · Lc 8.1
True Twinkle Night Mirror palette
True Twinkle Night Mirror: a 3-color palette (Pink, 3 Colors). HEX, RGB, HSL and OKLCH for #E1E5F7, #6772AE, #0E1124, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 3 Colors
bg
#E1E5F7
accent
#6772AE
text
#0E1124
Colors in True Twinkle Night Mirror: HEX, RGB, HSL & OKLCH
- #E1E5F7 color page →
bg
#E1E5F7
- RGB
- rgb(225 229 247)
- HSL
- hsl(229 58% 93%)
- OKLCH
- oklch(0.924 0.025 275.9)
WCAG contrast: on white 1.25:1 (Fail) · on black 16.75:1 (AAA)
- #6772AE color page →
accent
#6772AE
- RGB
- rgb(103 114 174)
- HSL
- hsl(231 30% 54%)
- OKLCH
- oklch(0.569 0.094 275.1)
WCAG contrast: on white 4.57:1 (AA) · on black 4.59:1 (AA)
- #0E1124 color page →
text
#0E1124
- RGB
- rgb(14 17 36)
- HSL
- hsl(232 44% 10%)
- OKLCH
- oklch(0.186 0.039 275.2)
WCAG contrast: on white 18.67:1 (AAA) · on black 1.12:1 (Fail)
Export True Twinkle Night Mirror: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e1e5f7;
--accent: #6772ae;
--text: #0e1124;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e1e5f7;
--color-accent: #6772ae;
--color-text: #0e1124;
}JSON (DTCG tokens)
{
"true-twinkle-night-mirror-3ow": {
"bg": {
"$type": "color",
"$value": "#e1e5f7"
},
"accent": {
"$type": "color",
"$value": "#6772ae"
},
"text": {
"$type": "color",
"$value": "#0e1124"
}
}
}About this palette
True Twinkle Night Mirror is a 3-color OKLCH-ready palette tagged pink, 3 colors. Hex values: #E1E5F7, #6772AE, #0E1124. APCA contrast score Lc 8.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 True Twinkle Night Mirror by OKLab color distance.