Palette · 3 colors · Lc 9.2
Bright Clear Sky Pulse palette
Bright Clear Sky Pulse: a 3-color palette (Violet, Gray, Cold, Pastel). HEX, RGB, HSL and OKLCH for #F3F6F7, #94CBF5, #16353B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F3F6F7
accent
#94CBF5
text
#16353B
Colors in Bright Clear Sky Pulse: HEX, RGB, HSL & OKLCH
- #F3F6F7 color page →
bg
#F3F6F7
- RGB
- rgb(243 246 247)
- HSL
- hsl(195 20% 96%)
- OKLCH
- oklch(0.971 0.003 219.5)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.33:1 (AAA)
- #94CBF5 color page →
accent
#94CBF5
- RGB
- rgb(148 203 245)
- HSL
- hsl(206 83% 77%)
- OKLCH
- oklch(0.819 0.082 241.9)
WCAG contrast: on white 1.73:1 (Fail) · on black 12.12:1 (AAA)
- #16353B color page →
text
#16353B
- RGB
- rgb(22 53 59)
- HSL
- hsl(190 46% 16%)
- OKLCH
- oklch(0.308 0.038 211.9)
WCAG contrast: on white 13.07:1 (AAA) · on black 1.60:1 (Fail)
Export Bright Clear Sky Pulse: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f3f6f7;
--accent: #94cbf5;
--text: #16353b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f3f6f7;
--color-accent: #94cbf5;
--color-text: #16353b;
}JSON (DTCG tokens)
{
"bright-clear-sky-pulse-3kz": {
"bg": {
"$type": "color",
"$value": "#f3f6f7"
},
"accent": {
"$type": "color",
"$value": "#94cbf5"
},
"text": {
"$type": "color",
"$value": "#16353b"
}
}
}About this palette
Bright Clear Sky Pulse is a 3-color OKLCH-ready palette tagged violet, gray, cold, pastel, 3 colors. Hex values: #F3F6F7, #94CBF5, #16353B. APCA contrast score Lc 9.2. 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 Bright Clear Sky Pulse by OKLab color distance.