Palette · 4 colors · Lc 9.2
Fleur-De-Lis Ledger palette
Fleur-De-Lis Ledger: a 4-color palette (Pink, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #F9EEF7, #BA8BCF, #672748, #0A050B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F9EEF7
surface
#BA8BCF
accent
#672748
text
#0A050B
Colors in Fleur-De-Lis Ledger: HEX, RGB, HSL & OKLCH
- #F9EEF7 color page →
bg
#F9EEF7
- RGB
- rgb(249 238 247)
- HSL
- hsl(311 48% 95%)
- OKLCH
- oklch(0.96 0.017 331.6)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.60:1 (AAA)
- #BA8BCF color page →
surface
#BA8BCF
- RGB
- rgb(186 139 207)
- HSL
- hsl(281 41% 68%)
- OKLCH
- oklch(0.706 0.109 315.1)
WCAG contrast: on white 2.73:1 (Fail) · on black 7.68:1 (AAA)
- #672748 color page →
accent
#672748
- RGB
- rgb(103 39 72)
- HSL
- hsl(329 45% 28%)
- OKLCH
- oklch(0.377 0.1 350.9)
WCAG contrast: on white 10.71:1 (AAA) · on black 1.96:1 (Fail)
- #0A050B color page →
text
#0A050B
- RGB
- rgb(10 5 11)
- HSL
- hsl(290 38% 3%)
- OKLCH
- oklch(0.128 0.018 321.6)
WCAG contrast: on white 20.20:1 (AAA) · on black 1.03:1 (Fail)
Export Fleur-De-Lis Ledger: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f9eef7;
--surface: #ba8bcf;
--accent: #672748;
--text: #0a050b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f9eef7;
--color-surface: #ba8bcf;
--color-accent: #672748;
--color-text: #0a050b;
}JSON (DTCG tokens)
{
"fleur-de-lis-ledger-32b": {
"bg": {
"$type": "color",
"$value": "#f9eef7"
},
"surface": {
"$type": "color",
"$value": "#ba8bcf"
},
"accent": {
"$type": "color",
"$value": "#672748"
},
"text": {
"$type": "color",
"$value": "#0a050b"
}
}
}About this palette
Fleur-De-Lis Ledger is a 4-color OKLCH-ready palette tagged pink, warm, 4 colors. Hex values: #F9EEF7, #BA8BCF, #672748, #0A050B. APCA contrast score Lc 9.2. 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 Fleur-De-Lis Ledger by OKLab color distance.