Palette · 3 colors · Lc 9.5
Pure Hydra Harbor palette
Pure Hydra Harbor: a 3-color palette (Violet, Gray, Cold, 3 Colors). HEX, RGB, HSL and OKLCH for #FCF4F0, #006A9A, #0D0603, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FCF4F0
accent
#006A9A
text
#0D0603
Colors in Pure Hydra Harbor: HEX, RGB, HSL & OKLCH
- #FCF4F0 color page →
bg
#FCF4F0
- RGB
- rgb(252 244 240)
- HSL
- hsl(20 67% 96%)
- OKLCH
- oklch(0.972 0.01 48.6)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.33:1 (AAA)
- #006A9A color page →
accent
#006A9A
- RGB
- rgb(0 106 154)
- HSL
- hsl(199 100% 30%)
- OKLCH
- oklch(0.498 0.111 238.3)
WCAG contrast: on white 5.95:1 (AA) · on black 3.52:1 (Fail)
- #0D0603 color page →
text
#0D0603
- RGB
- rgb(13 6 3)
- HSL
- hsl(18 63% 3%)
- OKLCH
- oklch(0.132 0.017 53.3)
WCAG contrast: on white 20.10:1 (AAA) · on black 1.04:1 (Fail)
Export Pure Hydra Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fcf4f0;
--accent: #006a9a;
--text: #0d0603;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fcf4f0;
--color-accent: #006a9a;
--color-text: #0d0603;
}JSON (DTCG tokens)
{
"pure-hydra-harbor-2p2": {
"bg": {
"$type": "color",
"$value": "#fcf4f0"
},
"accent": {
"$type": "color",
"$value": "#006a9a"
},
"text": {
"$type": "color",
"$value": "#0d0603"
}
}
}About this palette
Pure Hydra Harbor is a 3-color OKLCH-ready palette tagged violet, gray, cold, 3 colors. Hex values: #FCF4F0, #006A9A, #0D0603. APCA contrast score Lc 9.5. 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 Pure Hydra Harbor by OKLab color distance.