Palette · 8 colors · Lc 8.4
True Magical Merlin Ribbon palette
True Magical Merlin Ribbon: a 8-color palette (Violet, Cold, 8 Colors). HEX, RGB, HSL and OKLCH for #CAE9FA, #86C9EB, #00B0EF, #008AE8, #0064C4, #005290, #004168, #0F2936, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#CAE9FA
surface
#86C9EB
muted
#00B0EF
primary
#008AE8
secondary
#0064C4
accent
#005290
highlight
#004168
text
#0F2936
Colors in True Magical Merlin Ribbon: HEX, RGB, HSL & OKLCH
- #CAE9FA color page →
bg
#CAE9FA
- RGB
- rgb(202 233 250)
- HSL
- hsl(201 83% 89%)
- OKLCH
- oklch(0.917 0.04 231.8)
WCAG contrast: on white 1.26:1 (Fail) · on black 16.54:1 (AAA)
- #86C9EB color page →
surface
#86C9EB
- RGB
- rgb(134 201 235)
- HSL
- hsl(200 72% 72%)
- OKLCH
- oklch(0.803 0.083 231.2)
WCAG contrast: on white 1.81:1 (Fail) · on black 11.56:1 (AAA)
- #00B0EF color page →
muted
#00B0EF
- RGB
- rgb(0 176 239)
- HSL
- hsl(196 100% 47%)
- OKLCH
- oklch(0.713 0.148 233.2)
WCAG contrast: on white 2.48:1 (Fail) · on black 8.45:1 (AAA)
- #008AE8 color page →
primary
#008AE8
- RGB
- rgb(0 138 232)
- HSL
- hsl(204 100% 45%)
- OKLCH
- oklch(0.621 0.172 249.1)
WCAG contrast: on white 3.62:1 (Fail) · on black 5.80:1 (AA)
- #0064C4 color page →
secondary
#0064C4
- RGB
- rgb(0 100 196)
- HSL
- hsl(209 100% 38%)
- OKLCH
- oklch(0.512 0.169 255.1)
WCAG contrast: on white 5.80:1 (AA) · on black 3.61:1 (Fail)
- #005290 color page →
accent
#005290
- RGB
- rgb(0 82 144)
- HSL
- hsl(206 100% 28%)
- OKLCH
- oklch(0.432 0.122 250)
WCAG contrast: on white 8.04:1 (AAA) · on black 2.60:1 (Fail)
- #004168 color page →
highlight
#004168
- RGB
- rgb(0 65 104)
- HSL
- hsl(203 100% 20%)
- OKLCH
- oklch(0.361 0.089 243.7)
WCAG contrast: on white 10.73:1 (AAA) · on black 1.95:1 (Fail)
- #0F2936 color page →
text
#0F2936
- RGB
- rgb(15 41 54)
- HSL
- hsl(200 57% 14%)
- OKLCH
- oklch(0.267 0.04 232.8)
WCAG contrast: on white 15.09:1 (AAA) · on black 1.39:1 (Fail)
Export True Magical Merlin Ribbon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #cae9fa;
--surface: #86c9eb;
--muted: #00b0ef;
--primary: #008ae8;
--secondary: #0064c4;
--accent: #005290;
--highlight: #004168;
--text: #0f2936;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #cae9fa;
--color-surface: #86c9eb;
--color-muted: #00b0ef;
--color-primary: #008ae8;
--color-secondary: #0064c4;
--color-accent: #005290;
--color-highlight: #004168;
--color-text: #0f2936;
}JSON (DTCG tokens)
{
"true-magical-merlin-ribbon-60v": {
"bg": {
"$type": "color",
"$value": "#cae9fa"
},
"surface": {
"$type": "color",
"$value": "#86c9eb"
},
"muted": {
"$type": "color",
"$value": "#00b0ef"
},
"primary": {
"$type": "color",
"$value": "#008ae8"
},
"secondary": {
"$type": "color",
"$value": "#0064c4"
},
"accent": {
"$type": "color",
"$value": "#005290"
},
"highlight": {
"$type": "color",
"$value": "#004168"
},
"text": {
"$type": "color",
"$value": "#0f2936"
}
}
}About this palette
True Magical Merlin Ribbon is a 8-color OKLCH-ready palette tagged violet, cold, 8 colors. Hex values: #CAE9FA, #86C9EB, #00B0EF, #008AE8, #0064C4, #005290, #004168, #0F2936. APCA contrast score Lc 8.4. 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 True Magical Merlin Ribbon by OKLab color distance.