Palette · 7 colors · Lc 9.5
Ninja Princess Prism palette
Ninja Princess Prism: a 7-color palette (Pink, 7 Colors). HEX, RGB, HSL and OKLCH for #0A070A, #39213D, #553A63, #7F5A98, #A583BF, #D2BFE0, #F6F0FF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 7 Colors
bg
#0A070A
surface
#39213D
muted
#553A63
primary
#7F5A98
secondary
#A583BF
accent
#D2BFE0
text
#F6F0FF
Colors in Ninja Princess Prism: HEX, RGB, HSL & OKLCH
- #0A070A color page →
bg
#0A070A
- RGB
- rgb(10 7 10)
- HSL
- hsl(300 18% 3%)
- OKLCH
- oklch(0.135 0.009 326.1)
WCAG contrast: on white 20.04:1 (AAA) · on black 1.04:1 (Fail)
- #39213D color page →
surface
#39213D
- RGB
- rgb(57 33 61)
- HSL
- hsl(291 30% 18%)
- OKLCH
- oklch(0.291 0.059 321.7)
WCAG contrast: on white 14.39:1 (AAA) · on black 1.45:1 (Fail)
- #553A63 color page →
muted
#553A63
- RGB
- rgb(85 58 99)
- HSL
- hsl(280 26% 31%)
- OKLCH
- oklch(0.397 0.075 313.5)
WCAG contrast: on white 9.67:1 (AAA) · on black 2.17:1 (Fail)
- #7F5A98 color page →
primary
#7F5A98
- RGB
- rgb(127 90 152)
- HSL
- hsl(276 26% 47%)
- OKLCH
- oklch(0.531 0.103 310.7)
WCAG contrast: on white 5.49:1 (AA) · on black 3.81:1 (Fail)
- #A583BF color page →
secondary
#A583BF
- RGB
- rgb(165 131 191)
- HSL
- hsl(274 32% 63%)
- OKLCH
- oklch(0.664 0.094 309.8)
WCAG contrast: on white 3.18:1 (Fail) · on black 6.59:1 (AA)
- #D2BFE0 color page →
accent
#D2BFE0
- RGB
- rgb(210 191 224)
- HSL
- hsl(275 35% 81%)
- OKLCH
- oklch(0.831 0.05 310.9)
WCAG contrast: on white 1.71:1 (Fail) · on black 12.26:1 (AAA)
- #F6F0FF color page →
text
#F6F0FF
- RGB
- rgb(246 240 255)
- HSL
- hsl(264 100% 97%)
- OKLCH
- oklch(0.964 0.021 304)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.82:1 (AAA)
Export Ninja Princess Prism: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0a070a;
--surface: #39213d;
--muted: #553a63;
--primary: #7f5a98;
--secondary: #a583bf;
--accent: #d2bfe0;
--text: #f6f0ff;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0a070a;
--color-surface: #39213d;
--color-muted: #553a63;
--color-primary: #7f5a98;
--color-secondary: #a583bf;
--color-accent: #d2bfe0;
--color-text: #f6f0ff;
}JSON (DTCG tokens)
{
"ninja-princess-prism-45l": {
"bg": {
"$type": "color",
"$value": "#0a070a"
},
"surface": {
"$type": "color",
"$value": "#39213d"
},
"muted": {
"$type": "color",
"$value": "#553a63"
},
"primary": {
"$type": "color",
"$value": "#7f5a98"
},
"secondary": {
"$type": "color",
"$value": "#a583bf"
},
"accent": {
"$type": "color",
"$value": "#d2bfe0"
},
"text": {
"$type": "color",
"$value": "#f6f0ff"
}
}
}About this palette
Ninja Princess Prism is a 7-color OKLCH-ready palette tagged pink, 7 colors. Hex values: #0A070A, #39213D, #553A63, #7F5A98, #A583BF, #D2BFE0, #F6F0FF. APCA contrast score Lc 9.5. 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 Prism by OKLab color distance.