Palette · 9 colors · Lc 8.7
True Flood Prism palette
True Flood Prism: a 9-color palette (Pink, 9 Colors). HEX, RGB, HSL and OKLCH for #E3E7F7, #B9CBEC, #8EB6DF, #7E99C8, #677AC5, #4A5391, #4B4473, #2E3051, #0D142C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 9 Colors
bg
#E3E7F7
surface
#B9CBEC
muted
#8EB6DF
primary
#7E99C8
secondary
#677AC5
accent
#4A5391
highlight
#4B4473
border
#2E3051
text
#0D142C
Colors in True Flood Prism: HEX, RGB, HSL & OKLCH
- #E3E7F7 color page →
bg
#E3E7F7
- RGB
- rgb(227 231 247)
- HSL
- hsl(228 56% 93%)
- OKLCH
- oklch(0.93 0.022 274.7)
WCAG contrast: on white 1.23:1 (Fail) · on black 17.03:1 (AAA)
- #B9CBEC color page →
surface
#B9CBEC
- RGB
- rgb(185 203 236)
- HSL
- hsl(219 57% 83%)
- OKLCH
- oklch(0.839 0.05 262.6)
WCAG contrast: on white 1.63:1 (Fail) · on black 12.81:1 (AAA)
- #8EB6DF color page →
muted
#8EB6DF
- RGB
- rgb(142 182 223)
- HSL
- hsl(210 56% 72%)
- OKLCH
- oklch(0.762 0.073 249.4)
WCAG contrast: on white 2.11:1 (Fail) · on black 9.90:1 (AAA)
- #7E99C8 color page →
primary
#7E99C8
- RGB
- rgb(126 153 200)
- HSL
- hsl(218 40% 64%)
- OKLCH
- oklch(0.68 0.076 261.3)
WCAG contrast: on white 2.88:1 (Fail) · on black 7.27:1 (AAA)
- #677AC5 color page →
secondary
#677AC5
- RGB
- rgb(103 122 197)
- HSL
- hsl(228 45% 59%)
- OKLCH
- oklch(0.598 0.117 271.7)
WCAG contrast: on white 4.06:1 (Fail) · on black 5.16:1 (AA)
- #4A5391 color page →
accent
#4A5391
- RGB
- rgb(74 83 145)
- HSL
- hsl(232 32% 43%)
- OKLCH
- oklch(0.465 0.101 275.5)
WCAG contrast: on white 7.14:1 (AAA) · on black 2.93:1 (Fail)
- #4B4473 color page →
highlight
#4B4473
- RGB
- rgb(75 68 115)
- HSL
- hsl(249 26% 36%)
- OKLCH
- oklch(0.415 0.077 289.4)
WCAG contrast: on white 8.84:1 (AAA) · on black 2.37:1 (Fail)
- #2E3051 color page →
border
#2E3051
- RGB
- rgb(46 48 81)
- HSL
- hsl(237 28% 25%)
- OKLCH
- oklch(0.324 0.058 280)
WCAG contrast: on white 12.66:1 (AAA) · on black 1.65:1 (Fail)
- #0D142C color page →
text
#0D142C
- RGB
- rgb(13 20 44)
- HSL
- hsl(226 54% 11%)
- OKLCH
- oklch(0.199 0.049 269.3)
WCAG contrast: on white 18.20:1 (AAA) · on black 1.15:1 (Fail)
Export True Flood Prism: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e3e7f7;
--surface: #b9cbec;
--muted: #8eb6df;
--primary: #7e99c8;
--secondary: #677ac5;
--accent: #4a5391;
--highlight: #4b4473;
--border: #2e3051;
--text: #0d142c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e3e7f7;
--color-surface: #b9cbec;
--color-muted: #8eb6df;
--color-primary: #7e99c8;
--color-secondary: #677ac5;
--color-accent: #4a5391;
--color-highlight: #4b4473;
--color-border: #2e3051;
--color-text: #0d142c;
}JSON (DTCG tokens)
{
"true-flood-prism-71c": {
"bg": {
"$type": "color",
"$value": "#e3e7f7"
},
"surface": {
"$type": "color",
"$value": "#b9cbec"
},
"muted": {
"$type": "color",
"$value": "#8eb6df"
},
"primary": {
"$type": "color",
"$value": "#7e99c8"
},
"secondary": {
"$type": "color",
"$value": "#677ac5"
},
"accent": {
"$type": "color",
"$value": "#4a5391"
},
"highlight": {
"$type": "color",
"$value": "#4b4473"
},
"border": {
"$type": "color",
"$value": "#2e3051"
},
"text": {
"$type": "color",
"$value": "#0d142c"
}
}
}About this palette
True Flood Prism is a 9-color OKLCH-ready palette tagged pink, 9 colors. Hex values: #E3E7F7, #B9CBEC, #8EB6DF, #7E99C8, #677AC5, #4A5391, #4B4473, #2E3051, #0D142C. APCA contrast score Lc 8.7. 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 Flood Prism by OKLab color distance.