Palette · 9 colors · Lc 9.5
Vivid Mystifying Magenta Ledger palette
Vivid Mystifying Magenta Ledger: a 9-color palette (Red, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #FFEAFF, #FFA6F3, #F075F3, #ED34C1, #CF00B0, #950085, #7B0059, #48003F, #13000D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFEAFF
surface
#FFA6F3
muted
#F075F3
primary
#ED34C1
secondary
#CF00B0
accent
#950085
highlight
#7B0059
border
#48003F
text
#13000D
Colors in Vivid Mystifying Magenta Ledger: HEX, RGB, HSL & OKLCH
- #FFEAFF color page →
bg
#FFEAFF
- RGB
- rgb(255 234 255)
- HSL
- hsl(300 100% 96%)
- OKLCH
- oklch(0.96 0.036 325.9)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.46:1 (AAA)
- #FFA6F3 color page →
surface
#FFA6F3
- RGB
- rgb(255 166 243)
- HSL
- hsl(308 100% 83%)
- OKLCH
- oklch(0.837 0.142 331.7)
WCAG contrast: on white 1.74:1 (Fail) · on black 12.00:1 (AAA)
- #F075F3 color page →
muted
#F075F3
- RGB
- rgb(240 117 243)
- HSL
- hsl(299 84% 71%)
- OKLCH
- oklch(0.749 0.212 326.5)
WCAG contrast: on white 2.45:1 (Fail) · on black 8.54:1 (AAA)
- #ED34C1 color page →
primary
#ED34C1
- RGB
- rgb(237 52 193)
- HSL
- hsl(314 84% 57%)
- OKLCH
- oklch(0.658 0.254 339.9)
WCAG contrast: on white 3.58:1 (Fail) · on black 5.86:1 (AA)
- #CF00B0 color page →
secondary
#CF00B0
- RGB
- rgb(207 0 176)
- HSL
- hsl(309 100% 41%)
- OKLCH
- oklch(0.582 0.256 337)
WCAG contrast: on white 4.90:1 (AA) · on black 4.27:1 (Fail)
- #950085 color page →
accent
#950085
- RGB
- rgb(149 0 133)
- HSL
- hsl(306 100% 29%)
- OKLCH
- oklch(0.46 0.205 334.3)
WCAG contrast: on white 8.02:1 (AAA) · on black 2.61:1 (Fail)
- #7B0059 color page →
highlight
#7B0059
- RGB
- rgb(123 0 89)
- HSL
- hsl(317 100% 24%)
- OKLCH
- oklch(0.389 0.166 344.6)
WCAG contrast: on white 10.57:1 (AAA) · on black 1.98:1 (Fail)
- #48003F color page →
border
#48003F
- RGB
- rgb(72 0 63)
- HSL
- hsl(308 100% 14%)
- OKLCH
- oklch(0.276 0.123 334.7)
WCAG contrast: on white 15.58:1 (AAA) · on black 1.34:1 (Fail)
- #13000D color page →
text
#13000D
- RGB
- rgb(19 0 13)
- HSL
- hsl(319 100% 4%)
- OKLCH
- oklch(0.126 0.055 339.8)
WCAG contrast: on white 20.31:1 (AAA) · on black 1.03:1 (Fail)
Export Vivid Mystifying Magenta Ledger: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffeaff;
--surface: #ffa6f3;
--muted: #f075f3;
--primary: #ed34c1;
--secondary: #cf00b0;
--accent: #950085;
--highlight: #7b0059;
--border: #48003f;
--text: #13000d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffeaff;
--color-surface: #ffa6f3;
--color-muted: #f075f3;
--color-primary: #ed34c1;
--color-secondary: #cf00b0;
--color-accent: #950085;
--color-highlight: #7b0059;
--color-border: #48003f;
--color-text: #13000d;
}JSON (DTCG tokens)
{
"vivid-mystifying-magenta-ledger-2fs": {
"bg": {
"$type": "color",
"$value": "#ffeaff"
},
"surface": {
"$type": "color",
"$value": "#ffa6f3"
},
"muted": {
"$type": "color",
"$value": "#f075f3"
},
"primary": {
"$type": "color",
"$value": "#ed34c1"
},
"secondary": {
"$type": "color",
"$value": "#cf00b0"
},
"accent": {
"$type": "color",
"$value": "#950085"
},
"highlight": {
"$type": "color",
"$value": "#7b0059"
},
"border": {
"$type": "color",
"$value": "#48003f"
},
"text": {
"$type": "color",
"$value": "#13000d"
}
}
}About this palette
Vivid Mystifying Magenta Ledger is a 9-color OKLCH-ready palette tagged red, warm, 9 colors. Hex values: #FFEAFF, #FFA6F3, #F075F3, #ED34C1, #CF00B0, #950085, #7B0059, #48003F, #13000D. APCA contrast score Lc 9.5. 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 Mystifying Magenta Ledger by OKLab color distance.