Palette · 10 colors · Lc 9
Bold Explosive Purple Prism palette
Bold Explosive Purple Prism: a 10-color palette (Red, Warm, Monochromatic, 10 Colors). HEX, RGB, HSL and OKLCH for #0E010E, #3D0335, #5B0059, #850074, #A80096, #C02FB9, #E565D6, #F08DEC, #FFBAFB, #FFE1FC, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- Warm
- Monochromatic
- 10 Colors
bg
#0E010E
surface
#3D0335
muted
#5B0059
primary
#850074
secondary
#A80096
accent
#C02FB9
highlight
#E565D6
border
#F08DEC
focus
#FFBAFB
text
#FFE1FC
Colors in Bold Explosive Purple Prism: HEX, RGB, HSL & OKLCH
- #0E010E color page →
bg
#0E010E
- RGB
- rgb(14 1 14)
- HSL
- hsl(300 87% 3%)
- OKLCH
- oklch(0.12 0.046 328)
WCAG contrast: on white 20.40:1 (AAA) · on black 1.02:1 (Fail)
- #3D0335 color page →
surface
#3D0335
- RGB
- rgb(61 3 53)
- HSL
- hsl(308 91% 13%)
- OKLCH
- oklch(0.25 0.105 334.9)
WCAG contrast: on white 16.62:1 (AAA) · on black 1.26:1 (Fail)
- #5B0059 color page →
muted
#5B0059
- RGB
- rgb(91 0 89)
- HSL
- hsl(301 100% 18%)
- OKLCH
- oklch(0.329 0.15 329.5)
WCAG contrast: on white 13.21:1 (AAA) · on black 1.58:1 (Fail)
- #850074 color page →
primary
#850074
- RGB
- rgb(133 0 116)
- HSL
- hsl(308 100% 26%)
- OKLCH
- oklch(0.422 0.187 335.4)
WCAG contrast: on white 9.33:1 (AAA) · on black 2.24:1 (Fail)
- #A80096 color page →
secondary
#A80096
- RGB
- rgb(168 0 150)
- HSL
- hsl(306 100% 33%)
- OKLCH
- oklch(0.502 0.224 334.3)
WCAG contrast: on white 6.76:1 (AA) · on black 3.10:1 (Fail)
- #C02FB9 color page →
accent
#C02FB9
- RGB
- rgb(192 47 185)
- HSL
- hsl(303 61% 47%)
- OKLCH
- oklch(0.582 0.23 330.2)
WCAG contrast: on white 4.82:1 (AA) · on black 4.34:1 (Fail)
- #E565D6 color page →
highlight
#E565D6
- RGB
- rgb(229 101 214)
- HSL
- hsl(307 71% 65%)
- OKLCH
- oklch(0.702 0.205 332.3)
WCAG contrast: on white 2.93:1 (Fail) · on black 7.16:1 (AAA)
- #F08DEC color page →
border
#F08DEC
- RGB
- rgb(240 141 236)
- HSL
- hsl(302 77% 75%)
- OKLCH
- oklch(0.779 0.168 328.5)
WCAG contrast: on white 2.15:1 (Fail) · on black 9.72:1 (AAA)
- #FFBAFB color page →
focus
#FFBAFB
- RGB
- rgb(255 186 251)
- HSL
- hsl(303 100% 86%)
- OKLCH
- oklch(0.873 0.115 328.5)
WCAG contrast: on white 1.53:1 (Fail) · on black 13.66:1 (AAA)
- #FFE1FC color page →
text
#FFE1FC
- RGB
- rgb(255 225 252)
- HSL
- hsl(306 100% 94%)
- OKLCH
- oklch(0.942 0.048 329.1)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.42:1 (AAA)
Export Bold Explosive Purple Prism: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0e010e;
--surface: #3d0335;
--muted: #5b0059;
--primary: #850074;
--secondary: #a80096;
--accent: #c02fb9;
--highlight: #e565d6;
--border: #f08dec;
--focus: #ffbafb;
--text: #ffe1fc;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0e010e;
--color-surface: #3d0335;
--color-muted: #5b0059;
--color-primary: #850074;
--color-secondary: #a80096;
--color-accent: #c02fb9;
--color-highlight: #e565d6;
--color-border: #f08dec;
--color-focus: #ffbafb;
--color-text: #ffe1fc;
}JSON (DTCG tokens)
{
"bold-explosive-purple-prism-4lu": {
"bg": {
"$type": "color",
"$value": "#0e010e"
},
"surface": {
"$type": "color",
"$value": "#3d0335"
},
"muted": {
"$type": "color",
"$value": "#5b0059"
},
"primary": {
"$type": "color",
"$value": "#850074"
},
"secondary": {
"$type": "color",
"$value": "#a80096"
},
"accent": {
"$type": "color",
"$value": "#c02fb9"
},
"highlight": {
"$type": "color",
"$value": "#e565d6"
},
"border": {
"$type": "color",
"$value": "#f08dec"
},
"focus": {
"$type": "color",
"$value": "#ffbafb"
},
"text": {
"$type": "color",
"$value": "#ffe1fc"
}
}
}About this palette
Bold Explosive Purple Prism is a 10-color OKLCH-ready palette tagged red, warm, monochromatic, 10 colors. Hex values: #0E010E, #3D0335, #5B0059, #850074, #A80096, #C02FB9, #E565D6, #F08DEC, #FFBAFB, #FFE1FC. APCA contrast score Lc 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 Bold Explosive Purple Prism by OKLab color distance.