Palette · 5 colors · Lc 9.4
Flood Ribbon palette
Flood Ribbon: a 5-color palette (Pink, 5 Colors). HEX, RGB, HSL and OKLCH for #F4F5FE, #6F72B8, #6B5F10, #2E2F3F, #0C0C12, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 5 Colors
bg
#F4F5FE
surface
#6F72B8
primary
#6B5F10
accent
#2E2F3F
text
#0C0C12
Colors in Flood Ribbon: HEX, RGB, HSL & OKLCH
- #F4F5FE color page →
bg
#F4F5FE
- RGB
- rgb(244 245 254)
- HSL
- hsl(234 83% 98%)
- OKLCH
- oklch(0.972 0.012 281.1)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.33:1 (AAA)
- #6F72B8 color page →
surface
#6F72B8
- RGB
- rgb(111 114 184)
- HSL
- hsl(238 34% 58%)
- OKLCH
- oklch(0.58 0.107 280.6)
WCAG contrast: on white 4.39:1 (Fail) · on black 4.77:1 (AA)
- #6B5F10 color page →
primary
#6B5F10
- RGB
- rgb(107 95 16)
- HSL
- hsl(52 74% 24%)
- OKLCH
- oklch(0.483 0.094 100)
WCAG contrast: on white 6.42:1 (AA) · on black 3.26:1 (Fail)
- #2E2F3F color page →
accent
#2E2F3F
- RGB
- rgb(46 47 63)
- HSL
- hsl(236 16% 21%)
- OKLCH
- oklch(0.311 0.029 281.8)
WCAG contrast: on white 13.16:1 (AAA) · on black 1.59:1 (Fail)
- #0C0C12 color page →
text
#0C0C12
- RGB
- rgb(12 12 18)
- HSL
- hsl(240 20% 6%)
- OKLCH
- oklch(0.157 0.013 284.9)
WCAG contrast: on white 19.49:1 (AAA) · on black 1.07:1 (Fail)
Export Flood Ribbon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f4f5fe;
--surface: #6f72b8;
--primary: #6b5f10;
--accent: #2e2f3f;
--text: #0c0c12;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f4f5fe;
--color-surface: #6f72b8;
--color-primary: #6b5f10;
--color-accent: #2e2f3f;
--color-text: #0c0c12;
}JSON (DTCG tokens)
{
"flood-ribbon-5rj": {
"bg": {
"$type": "color",
"$value": "#f4f5fe"
},
"surface": {
"$type": "color",
"$value": "#6f72b8"
},
"primary": {
"$type": "color",
"$value": "#6b5f10"
},
"accent": {
"$type": "color",
"$value": "#2e2f3f"
},
"text": {
"$type": "color",
"$value": "#0c0c12"
}
}
}About this palette
Flood Ribbon is a 5-color OKLCH-ready palette tagged pink, 5 colors. Hex values: #F4F5FE, #6F72B8, #6B5F10, #2E2F3F, #0C0C12. APCA contrast score Lc 9.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 Flood Ribbon by OKLab color distance.