Palette · 4 colors · Lc 10
Steady Violaceous Beacon palette
Steady Violaceous Beacon: a 4-color palette (Trending, Red, Pink, Warm). HEX, RGB, HSL and OKLCH for #FBEFF6, #C689C3, #69273B, #140911, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FBEFF6
surface
#C689C3
accent
#69273B
text
#140911
Colors in Steady Violaceous Beacon: HEX, RGB, HSL & OKLCH
- #FBEFF6 color page →
bg
#FBEFF6
- RGB
- rgb(251 239 246)
- HSL
- hsl(325 60% 96%)
- OKLCH
- oklch(0.963 0.016 341.4)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.77:1 (AAA)
- #C689C3 color page →
surface
#C689C3
- RGB
- rgb(198 137 195)
- HSL
- hsl(303 35% 66%)
- OKLCH
- oklch(0.71 0.107 328.3)
WCAG contrast: on white 2.70:1 (Fail) · on black 7.76:1 (AAA)
- #69273B color page →
accent
#69273B
- RGB
- rgb(105 39 59)
- HSL
- hsl(342 46% 28%)
- OKLCH
- oklch(0.375 0.097 4.1)
WCAG contrast: on white 10.74:1 (AAA) · on black 1.95:1 (Fail)
- #140911 color page →
text
#140911
- RGB
- rgb(20 9 17)
- HSL
- hsl(316 38% 6%)
- OKLCH
- oklch(0.16 0.025 337.3)
WCAG contrast: on white 19.50:1 (AAA) · on black 1.07:1 (Fail)
Export Steady Violaceous Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fbeff6;
--surface: #c689c3;
--accent: #69273b;
--text: #140911;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fbeff6;
--color-surface: #c689c3;
--color-accent: #69273b;
--color-text: #140911;
}JSON (DTCG tokens)
{
"steady-violaceous-beacon-524": {
"bg": {
"$type": "color",
"$value": "#fbeff6"
},
"surface": {
"$type": "color",
"$value": "#c689c3"
},
"accent": {
"$type": "color",
"$value": "#69273b"
},
"text": {
"$type": "color",
"$value": "#140911"
}
}
}About this palette
Steady Violaceous Beacon is a 4-color OKLCH-ready palette tagged trending, red, pink, warm, 4 colors. Hex values: #FBEFF6, #C689C3, #69273B, #140911. APCA contrast score Lc 10. 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 Steady Violaceous Beacon by OKLab color distance.