Palette · 3 colors · Lc 8.9
Ninja Princess Canvas palette
Ninja Princess Canvas: a 3-color palette (Pink, Gray, Monochromatic, 3 Colors). HEX, RGB, HSL and OKLCH for #0E0C11, #7E5C9A, #EFE8F4, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- Gray
- Monochromatic
- 3 Colors
bg
#0E0C11
accent
#7E5C9A
text
#EFE8F4
Colors in Ninja Princess Canvas: HEX, RGB, HSL & OKLCH
- #0E0C11 color page →
bg
#0E0C11
- RGB
- rgb(14 12 17)
- HSL
- hsl(264 17% 6%)
- OKLCH
- oklch(0.159 0.011 303.4)
WCAG contrast: on white 19.45:1 (AAA) · on black 1.07:1 (Fail)
- #7E5C9A color page →
accent
#7E5C9A
- RGB
- rgb(126 92 154)
- HSL
- hsl(273 25% 48%)
- OKLCH
- oklch(0.535 0.101 308.5)
WCAG contrast: on white 5.40:1 (AA) · on black 3.88:1 (Fail)
- #EFE8F4 color page →
text
#EFE8F4
- RGB
- rgb(239 232 244)
- HSL
- hsl(275 35% 93%)
- OKLCH
- oklch(0.94 0.018 311.6)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.51:1 (AAA)
Export Ninja Princess Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0e0c11;
--accent: #7e5c9a;
--text: #efe8f4;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0e0c11;
--color-accent: #7e5c9a;
--color-text: #efe8f4;
}JSON (DTCG tokens)
{
"ninja-princess-canvas-ew": {
"bg": {
"$type": "color",
"$value": "#0e0c11"
},
"accent": {
"$type": "color",
"$value": "#7e5c9a"
},
"text": {
"$type": "color",
"$value": "#efe8f4"
}
}
}About this palette
Ninja Princess Canvas is a 3-color OKLCH-ready palette tagged pink, gray, monochromatic, 3 colors. Hex values: #0E0C11, #7E5C9A, #EFE8F4. APCA contrast score Lc 8.9. 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 Ninja Princess Canvas by OKLab color distance.