Palette · 3 colors · Lc 8.9
Matt Blue Studio palette
Matt Blue Studio: a 3-color palette (Violet, Cold, 3 Colors). HEX, RGB, HSL and OKLCH for #E9E6E4, #0068C1, #080503, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E9E6E4
accent
#0068C1
text
#080503
Colors in Matt Blue Studio: HEX, RGB, HSL & OKLCH
- #E9E6E4 color page →
bg
#E9E6E4
- RGB
- rgb(233 230 228)
- HSL
- hsl(24 10% 90%)
- OKLCH
- oklch(0.927 0.004 56.4)
WCAG contrast: on white 1.24:1 (Fail) · on black 16.90:1 (AAA)
- #0068C1 color page →
accent
#0068C1
- RGB
- rgb(0 104 193)
- HSL
- hsl(208 100% 38%)
- OKLCH
- oklch(0.518 0.161 253.2)
WCAG contrast: on white 5.59:1 (AA) · on black 3.75:1 (Fail)
- #080503 color page →
text
#080503
- RGB
- rgb(8 5 3)
- HSL
- hsl(24 45% 2%)
- OKLCH
- oklch(0.119 0.01 63.1)
WCAG contrast: on white 20.32:1 (AAA) · on black 1.03:1 (Fail)
Export Matt Blue Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e9e6e4;
--accent: #0068c1;
--text: #080503;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e9e6e4;
--color-accent: #0068c1;
--color-text: #080503;
}JSON (DTCG tokens)
{
"matt-blue-studio-1r7": {
"bg": {
"$type": "color",
"$value": "#e9e6e4"
},
"accent": {
"$type": "color",
"$value": "#0068c1"
},
"text": {
"$type": "color",
"$value": "#080503"
}
}
}About this palette
Matt Blue Studio is a 3-color OKLCH-ready palette tagged violet, cold, 3 colors. Hex values: #E9E6E4, #0068C1, #080503. APCA contrast score Lc 8.9. 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 Matt Blue Studio by OKLab color distance.