Palette · 5 colors · Lc 10
Steady Campanula Harbor palette
Steady Campanula Harbor: a 5-color palette (Violet, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #EAFBFF, #83BED8, #3171B2, #004A64, #071221, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EAFBFF
surface
#83BED8
primary
#3171B2
accent
#004A64
text
#071221
Colors in Steady Campanula Harbor: HEX, RGB, HSL & OKLCH
- #EAFBFF color page →
bg
#EAFBFF
- RGB
- rgb(234 251 255)
- HSL
- hsl(191 100% 96%)
- OKLCH
- oklch(0.977 0.019 213.4)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.74:1 (AAA)
- #83BED8 color page →
surface
#83BED8
- RGB
- rgb(131 190 216)
- HSL
- hsl(198 52% 68%)
- OKLCH
- oklch(0.77 0.071 227.3)
WCAG contrast: on white 2.03:1 (Fail) · on black 10.32:1 (AAA)
- #3171B2 color page →
primary
#3171B2
- RGB
- rgb(49 113 178)
- HSL
- hsl(210 57% 45%)
- OKLCH
- oklch(0.539 0.121 251.4)
WCAG contrast: on white 5.07:1 (AA) · on black 4.13:1 (Fail)
- #004A64 color page →
accent
#004A64
- RGB
- rgb(0 74 100)
- HSL
- hsl(196 100% 20%)
- OKLCH
- oklch(0.383 0.077 230.2)
WCAG contrast: on white 9.70:1 (AAA) · on black 2.16:1 (Fail)
- #071221 color page →
text
#071221
- RGB
- rgb(7 18 33)
- HSL
- hsl(215 65% 8%)
- OKLCH
- oklch(0.181 0.035 256)
WCAG contrast: on white 18.79:1 (AAA) · on black 1.11:1 (Fail)
Export Steady Campanula Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eafbff;
--surface: #83bed8;
--primary: #3171b2;
--accent: #004a64;
--text: #071221;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eafbff;
--color-surface: #83bed8;
--color-primary: #3171b2;
--color-accent: #004a64;
--color-text: #071221;
}JSON (DTCG tokens)
{
"steady-campanula-harbor-426": {
"bg": {
"$type": "color",
"$value": "#eafbff"
},
"surface": {
"$type": "color",
"$value": "#83bed8"
},
"primary": {
"$type": "color",
"$value": "#3171b2"
},
"accent": {
"$type": "color",
"$value": "#004a64"
},
"text": {
"$type": "color",
"$value": "#071221"
}
}
}About this palette
Steady Campanula Harbor is a 5-color OKLCH-ready palette tagged violet, cold, ocean, nature, 5 colors. Hex values: #EAFBFF, #83BED8, #3171B2, #004A64, #071221. APCA contrast score Lc 10. 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 Campanula Harbor by OKLab color distance.