Palette · 8 colors · Lc 8.8
Vivid Raspberry Prism palette
Vivid Raspberry Prism: a 8-color palette (Red, Warm, OKLCH Neon, Cyberpunk). HEX, RGB, HSL and OKLCH for #110309, #A10266, #FF006D, #F67B00, #00B700, #00B4DD, #98A4FF, #F6E7EF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#110309
surface
#A10266
muted
#FF006D
primary
#F67B00
secondary
#00B700
accent
#00B4DD
highlight
#98A4FF
text
#F6E7EF
Colors in Vivid Raspberry Prism: HEX, RGB, HSL & OKLCH
- #110309 color page →
bg
#110309
- RGB
- rgb(17 3 9)
- HSL
- hsl(334 70% 4%)
- OKLCH
- oklch(0.131 0.034 350.8)
WCAG contrast: on white 20.17:1 (AAA) · on black 1.04:1 (Fail)
- #A10266 color page →
surface
#A10266
- RGB
- rgb(161 2 102)
- HSL
- hsl(322 98% 32%)
- OKLCH
- oklch(0.467 0.193 351.4)
WCAG contrast: on white 7.73:1 (AAA) · on black 2.71:1 (Fail)
- #FF006D color page →
muted
#FF006D
- RGB
- rgb(255 0 109)
- HSL
- hsl(334 100% 50%)
- OKLCH
- oklch(0.64 0.256 8.4)
WCAG contrast: on white 3.83:1 (Fail) · on black 5.47:1 (AA)
- #F67B00 color page →
primary
#F67B00
- RGB
- rgb(246 123 0)
- HSL
- hsl(30 100% 48%)
- OKLCH
- oklch(0.712 0.181 52.9)
WCAG contrast: on white 2.70:1 (Fail) · on black 7.75:1 (AAA)
- #00B700 color page →
secondary
#00B700
- RGB
- rgb(0 183 0)
- HSL
- hsl(120 100% 36%)
- OKLCH
- oklch(0.675 0.23 142.5)
WCAG contrast: on white 2.70:1 (Fail) · on black 7.77:1 (AAA)
- #00B4DD color page →
accent
#00B4DD
- RGB
- rgb(0 180 221)
- HSL
- hsl(191 100% 43%)
- OKLCH
- oklch(0.714 0.132 221.9)
WCAG contrast: on white 2.44:1 (Fail) · on black 8.57:1 (AAA)
- #98A4FF color page →
highlight
#98A4FF
- RGB
- rgb(152 164 255)
- HSL
- hsl(233 100% 80%)
- OKLCH
- oklch(0.746 0.132 277)
WCAG contrast: on white 2.31:1 (Fail) · on black 9.08:1 (AAA)
- #F6E7EF color page →
text
#F6E7EF
- RGB
- rgb(246 231 239)
- HSL
- hsl(328 45% 94%)
- OKLCH
- oklch(0.942 0.019 344)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.59:1 (AAA)
Export Vivid Raspberry Prism: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #110309;
--surface: #a10266;
--muted: #ff006d;
--primary: #f67b00;
--secondary: #00b700;
--accent: #00b4dd;
--highlight: #98a4ff;
--text: #f6e7ef;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #110309;
--color-surface: #a10266;
--color-muted: #ff006d;
--color-primary: #f67b00;
--color-secondary: #00b700;
--color-accent: #00b4dd;
--color-highlight: #98a4ff;
--color-text: #f6e7ef;
}JSON (DTCG tokens)
{
"vivid-raspberry-prism-3j": {
"bg": {
"$type": "color",
"$value": "#110309"
},
"surface": {
"$type": "color",
"$value": "#a10266"
},
"muted": {
"$type": "color",
"$value": "#ff006d"
},
"primary": {
"$type": "color",
"$value": "#f67b00"
},
"secondary": {
"$type": "color",
"$value": "#00b700"
},
"accent": {
"$type": "color",
"$value": "#00b4dd"
},
"highlight": {
"$type": "color",
"$value": "#98a4ff"
},
"text": {
"$type": "color",
"$value": "#f6e7ef"
}
}
}About this palette
Vivid Raspberry Prism is a 8-color OKLCH-ready palette tagged red, warm, oklch neon, cyberpunk, rainbow, 8 colors. Hex values: #110309, #A10266, #FF006D, #F67B00, #00B700, #00B4DD, #98A4FF, #F6E7EF. APCA contrast score Lc 8.8. 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 Vivid Raspberry Prism by OKLab color distance.