Palette · 3 colors · Lc 8.9
Vivid Hokkaido Lavender Signal palette
Vivid Hokkaido Lavender Signal: a 3-color palette (Pink, Monochromatic, 3 Colors). HEX, RGB, HSL and OKLCH for #F0EEFF, #8336EE, #060317, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- Monochromatic
- 3 Colors
bg
#F0EEFF
accent
#8336EE
text
#060317
Colors in Vivid Hokkaido Lavender Signal: HEX, RGB, HSL & OKLCH
- #F0EEFF color page →
bg
#F0EEFF
- RGB
- rgb(240 238 255)
- HSL
- hsl(247 100% 97%)
- OKLCH
- oklch(0.956 0.023 291.4)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.37:1 (AAA)
- #8336EE color page →
accent
#8336EE
- RGB
- rgb(131 54 238)
- HSL
- hsl(265 84% 57%)
- OKLCH
- oklch(0.546 0.252 295.7)
WCAG contrast: on white 5.63:1 (AA) · on black 3.72:1 (Fail)
- #060317 color page →
text
#060317
- RGB
- rgb(6 3 23)
- HSL
- hsl(249 77% 5%)
- OKLCH
- oklch(0.123 0.047 287.3)
WCAG contrast: on white 20.32:1 (AAA) · on black 1.03:1 (Fail)
Export Vivid Hokkaido Lavender Signal: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f0eeff;
--accent: #8336ee;
--text: #060317;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f0eeff;
--color-accent: #8336ee;
--color-text: #060317;
}JSON (DTCG tokens)
{
"vivid-hokkaido-lavender-signal-5e": {
"bg": {
"$type": "color",
"$value": "#f0eeff"
},
"accent": {
"$type": "color",
"$value": "#8336ee"
},
"text": {
"$type": "color",
"$value": "#060317"
}
}
}About this palette
Vivid Hokkaido Lavender Signal is a 3-color OKLCH-ready palette tagged pink, monochromatic, 3 colors. Hex values: #F0EEFF, #8336EE, #060317. 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 Vivid Hokkaido Lavender Signal by OKLab color distance.