Palette · 4 colors · Lc 8.4
Vivid Blue Ribbon Studio palette
Vivid Blue Ribbon Studio: a 4-color palette (Violet, Cold, 4 Colors). HEX, RGB, HSL and OKLCH for #DAE7F5, #0064FF, #007600, #0F151C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DAE7F5
surface
#0064FF
accent
#007600
text
#0F151C
Colors in Vivid Blue Ribbon Studio: HEX, RGB, HSL & OKLCH
- #DAE7F5 color page →
bg
#DAE7F5
- RGB
- rgb(218 231 245)
- HSL
- hsl(211 57% 91%)
- OKLCH
- oklch(0.922 0.024 250.1)
WCAG contrast: on white 1.25:1 (Fail) · on black 16.72:1 (AAA)
- #0064FF color page →
surface
#0064FF
- RGB
- rgb(0 100 255)
- HSL
- hsl(216 100% 50%)
- OKLCH
- oklch(0.56 0.243 261.1)
WCAG contrast: on white 4.92:1 (AA) · on black 4.26:1 (Fail)
- #007600 color page →
accent
#007600
- RGB
- rgb(0 118 0)
- HSL
- hsl(120 100% 23%)
- OKLCH
- oklch(0.49 0.167 142.5)
WCAG contrast: on white 5.84:1 (AA) · on black 3.59:1 (Fail)
- #0F151C color page →
text
#0F151C
- RGB
- rgb(15 21 28)
- HSL
- hsl(212 30% 8%)
- OKLCH
- oklch(0.193 0.017 252.6)
WCAG contrast: on white 18.35:1 (AAA) · on black 1.14:1 (Fail)
Export Vivid Blue Ribbon Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dae7f5;
--surface: #0064ff;
--accent: #007600;
--text: #0f151c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dae7f5;
--color-surface: #0064ff;
--color-accent: #007600;
--color-text: #0f151c;
}JSON (DTCG tokens)
{
"vivid-blue-ribbon-studio-2ml": {
"bg": {
"$type": "color",
"$value": "#dae7f5"
},
"surface": {
"$type": "color",
"$value": "#0064ff"
},
"accent": {
"$type": "color",
"$value": "#007600"
},
"text": {
"$type": "color",
"$value": "#0f151c"
}
}
}About this palette
Vivid Blue Ribbon Studio is a 4-color OKLCH-ready palette tagged violet, cold, 4 colors. Hex values: #DAE7F5, #0064FF, #007600, #0F151C. 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 Vivid Blue Ribbon Studio by OKLab color distance.