Palette · 5 colors · Lc 8.8
Neon Blue Ribbon Quartz palette
Neon Blue Ribbon Quartz: a 5-color palette (Violet, Cold, 5 Colors). HEX, RGB, HSL and OKLCH for #ECF2FC, #2065F5, #8F5800, #242E4D, #030610, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#ECF2FC
surface
#2065F5
primary
#8F5800
accent
#242E4D
text
#030610
Colors in Neon Blue Ribbon Quartz: HEX, RGB, HSL & OKLCH
- #ECF2FC color page →
bg
#ECF2FC
- RGB
- rgb(236 242 252)
- HSL
- hsl(218 73% 96%)
- OKLCH
- oklch(0.96 0.015 260.7)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.67:1 (AAA)
- #2065F5 color page →
surface
#2065F5
- RGB
- rgb(32 101 245)
- HSL
- hsl(221 91% 54%)
- OKLCH
- oklch(0.557 0.226 262.5)
WCAG contrast: on white 4.95:1 (AA) · on black 4.24:1 (Fail)
- #8F5800 color page →
primary
#8F5800
- RGB
- rgb(143 88 0)
- HSL
- hsl(37 100% 28%)
- OKLCH
- oklch(0.51 0.112 68.5)
WCAG contrast: on white 5.89:1 (AA) · on black 3.56:1 (Fail)
- #242E4D color page →
accent
#242E4D
- RGB
- rgb(36 46 77)
- HSL
- hsl(225 36% 22%)
- OKLCH
- oklch(0.308 0.058 269.3)
WCAG contrast: on white 13.35:1 (AAA) · on black 1.57:1 (Fail)
- #030610 color page →
text
#030610
- RGB
- rgb(3 6 16)
- HSL
- hsl(226 68% 4%)
- OKLCH
- oklch(0.124 0.025 264.3)
WCAG contrast: on white 20.24:1 (AAA) · on black 1.03:1 (Fail)
Export Neon Blue Ribbon Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ecf2fc;
--surface: #2065f5;
--primary: #8f5800;
--accent: #242e4d;
--text: #030610;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ecf2fc;
--color-surface: #2065f5;
--color-primary: #8f5800;
--color-accent: #242e4d;
--color-text: #030610;
}JSON (DTCG tokens)
{
"neon-blue-ribbon-quartz-44s": {
"bg": {
"$type": "color",
"$value": "#ecf2fc"
},
"surface": {
"$type": "color",
"$value": "#2065f5"
},
"primary": {
"$type": "color",
"$value": "#8f5800"
},
"accent": {
"$type": "color",
"$value": "#242e4d"
},
"text": {
"$type": "color",
"$value": "#030610"
}
}
}About this palette
Neon Blue Ribbon Quartz is a 5-color OKLCH-ready palette tagged violet, cold, 5 colors. Hex values: #ECF2FC, #2065F5, #8F5800, #242E4D, #030610. APCA contrast score Lc 8.8. 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 Neon Blue Ribbon Quartz by OKLab color distance.