Palette · 3 colors · Lc 9.8
True Beach View Ribbon palette
True Beach View Ribbon: a 3-color palette (Violet, Gray, Cold, 3 Colors). HEX, RGB, HSL and OKLCH for #E8F6FD, #507898, #040B11, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E8F6FD
accent
#507898
text
#040B11
Colors in True Beach View Ribbon: HEX, RGB, HSL & OKLCH
- #E8F6FD color page →
bg
#E8F6FD
- RGB
- rgb(232 246 253)
- HSL
- hsl(200 84% 95%)
- OKLCH
- oklch(0.965 0.018 229)
WCAG contrast: on white 1.10:1 (Fail) · on black 19.03:1 (AAA)
- #507898 color page →
accent
#507898
- RGB
- rgb(80 120 152)
- HSL
- hsl(207 31% 45%)
- OKLCH
- oklch(0.556 0.067 243.5)
WCAG contrast: on white 4.68:1 (AA) · on black 4.48:1 (Fail)
- #040B11 color page →
text
#040B11
- RGB
- rgb(4 11 17)
- HSL
- hsl(208 62% 4%)
- OKLCH
- oklch(0.144 0.019 240.2)
WCAG contrast: on white 19.79:1 (AAA) · on black 1.06:1 (Fail)
Export True Beach View Ribbon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e8f6fd;
--accent: #507898;
--text: #040b11;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e8f6fd;
--color-accent: #507898;
--color-text: #040b11;
}JSON (DTCG tokens)
{
"true-beach-view-ribbon-4fr": {
"bg": {
"$type": "color",
"$value": "#e8f6fd"
},
"accent": {
"$type": "color",
"$value": "#507898"
},
"text": {
"$type": "color",
"$value": "#040b11"
}
}
}About this palette
True Beach View Ribbon is a 3-color OKLCH-ready palette tagged violet, gray, cold, 3 colors. Hex values: #E8F6FD, #507898, #040B11. APCA contrast score Lc 9.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 True Beach View Ribbon by OKLab color distance.