Palette · 3 colors · Lc 8.1
Prickly Purple Beacon palette
Prickly Purple Beacon: a 3-color palette (Pink, 3 Colors). HEX, RGB, HSL and OKLCH for #F2E0F3, #A35EBE, #1B151D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 3 Colors
bg
#F2E0F3
accent
#A35EBE
text
#1B151D
Colors in Prickly Purple Beacon: HEX, RGB, HSL & OKLCH
- #F2E0F3 color page →
bg
#F2E0F3
- RGB
- rgb(242 224 243)
- HSL
- hsl(297 44% 92%)
- OKLCH
- oklch(0.927 0.032 324.2)
WCAG contrast: on white 1.25:1 (Fail) · on black 16.73:1 (AAA)
- #A35EBE color page →
accent
#A35EBE
- RGB
- rgb(163 94 190)
- HSL
- hsl(283 42% 56%)
- OKLCH
- oklch(0.598 0.157 315.7)
WCAG contrast: on white 4.28:1 (Fail) · on black 4.90:1 (AA)
- #1B151D color page →
text
#1B151D
- RGB
- rgb(27 21 29)
- HSL
- hsl(285 16% 10%)
- OKLCH
- oklch(0.207 0.018 317.6)
WCAG contrast: on white 17.92:1 (AAA) · on black 1.17:1 (Fail)
Export Prickly Purple Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f2e0f3;
--accent: #a35ebe;
--text: #1b151d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f2e0f3;
--color-accent: #a35ebe;
--color-text: #1b151d;
}JSON (DTCG tokens)
{
"prickly-purple-beacon-4c2": {
"bg": {
"$type": "color",
"$value": "#f2e0f3"
},
"accent": {
"$type": "color",
"$value": "#a35ebe"
},
"text": {
"$type": "color",
"$value": "#1b151d"
}
}
}About this palette
Prickly Purple Beacon is a 3-color OKLCH-ready palette tagged pink, 3 colors. Hex values: #F2E0F3, #A35EBE, #1B151D. APCA contrast score Lc 8.1. 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 Prickly Purple Beacon by OKLab color distance.