Palette · 3 colors · Lc 9
Steady Celestial Prism palette
Steady Celestial Prism: a 3-color palette (Blue, Gray, Cold, Ocean). HEX, RGB, HSL and OKLCH for #DCF0F4, #007A96, #010F15, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DCF0F4
accent
#007A96
text
#010F15
Colors in Steady Celestial Prism: HEX, RGB, HSL & OKLCH
- #DCF0F4 color page →
bg
#DCF0F4
- RGB
- rgb(220 240 244)
- HSL
- hsl(190 52% 91%)
- OKLCH
- oklch(0.942 0.022 211)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.81:1 (AAA)
- #007A96 color page →
accent
#007A96
- RGB
- rgb(0 122 150)
- HSL
- hsl(191 100% 29%)
- OKLCH
- oklch(0.537 0.099 221.3)
WCAG contrast: on white 4.97:1 (AA) · on black 4.22:1 (Fail)
- #010F15 color page →
text
#010F15
- RGB
- rgb(1 15 21)
- HSL
- hsl(198 91% 4%)
- OKLCH
- oklch(0.157 0.027 223.5)
WCAG contrast: on white 19.43:1 (AAA) · on black 1.08:1 (Fail)
Export Steady Celestial Prism: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dcf0f4;
--accent: #007a96;
--text: #010f15;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dcf0f4;
--color-accent: #007a96;
--color-text: #010f15;
}JSON (DTCG tokens)
{
"steady-celestial-prism-6c7": {
"bg": {
"$type": "color",
"$value": "#dcf0f4"
},
"accent": {
"$type": "color",
"$value": "#007a96"
},
"text": {
"$type": "color",
"$value": "#010f15"
}
}
}About this palette
Steady Celestial Prism is a 3-color OKLCH-ready palette tagged blue, gray, cold, ocean, nature, 3 colors. Hex values: #DCF0F4, #007A96, #010F15. APCA contrast score Lc 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 Steady Celestial Prism by OKLab color distance.