Palette · 3 colors · Lc 8.9
Infinity Pool Beacon palette
Infinity Pool Beacon: a 3-color palette (Blue, Gray, Cold, Pastel). HEX, RGB, HSL and OKLCH for #E9F7F8, #92DDEE, #223535, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E9F7F8
accent
#92DDEE
text
#223535
Colors in Infinity Pool Beacon: HEX, RGB, HSL & OKLCH
- #E9F7F8 color page →
bg
#E9F7F8
- RGB
- rgb(233 247 248)
- HSL
- hsl(184 52% 94%)
- OKLCH
- oklch(0.966 0.015 202.1)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.12:1 (AAA)
- #92DDEE color page →
accent
#92DDEE
- RGB
- rgb(146 221 238)
- HSL
- hsl(191 73% 75%)
- OKLCH
- oklch(0.854 0.078 213.5)
WCAG contrast: on white 1.52:1 (Fail) · on black 13.79:1 (AAA)
- #223535 color page →
text
#223535
- RGB
- rgb(34 53 53)
- HSL
- hsl(180 22% 17%)
- OKLCH
- oklch(0.313 0.025 196)
WCAG contrast: on white 12.89:1 (AAA) · on black 1.62:1 (Fail)
Export Infinity Pool Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e9f7f8;
--accent: #92ddee;
--text: #223535;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e9f7f8;
--color-accent: #92ddee;
--color-text: #223535;
}JSON (DTCG tokens)
{
"infinity-pool-beacon-73n": {
"bg": {
"$type": "color",
"$value": "#e9f7f8"
},
"accent": {
"$type": "color",
"$value": "#92ddee"
},
"text": {
"$type": "color",
"$value": "#223535"
}
}
}About this palette
Infinity Pool Beacon is a 3-color OKLCH-ready palette tagged blue, gray, cold, pastel, 3 colors. Hex values: #E9F7F8, #92DDEE, #223535. 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 Infinity Pool Beacon by OKLab color distance.