Palette · 3 colors · Lc 8.4
Campanula Glacier palette
Campanula Glacier: a 3-color palette (Violet, Cold, Monochromatic, 3 Colors). HEX, RGB, HSL and OKLCH for #DCECFE, #2E72B3, #040B19, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Violet
- Cold
- Monochromatic
- 3 Colors
bg
#DCECFE
accent
#2E72B3
text
#040B19
Colors in Campanula Glacier: HEX, RGB, HSL & OKLCH
- #DCECFE color page →
bg
#DCECFE
- RGB
- rgb(220 236 254)
- HSL
- hsl(212 94% 93%)
- OKLCH
- oklch(0.937 0.03 251.3)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.47:1 (AAA)
- #2E72B3 color page →
accent
#2E72B3
- RGB
- rgb(46 114 179)
- HSL
- hsl(209 59% 44%)
- OKLCH
- oklch(0.541 0.123 250.3)
WCAG contrast: on white 5.03:1 (AA) · on black 4.17:1 (Fail)
- #040B19 color page →
text
#040B19
- RGB
- rgb(4 11 25)
- HSL
- hsl(220 72% 6%)
- OKLCH
- oklch(0.15 0.033 259.6)
WCAG contrast: on white 19.68:1 (AAA) · on black 1.06:1 (Fail)
Export Campanula Glacier: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dcecfe;
--accent: #2e72b3;
--text: #040b19;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dcecfe;
--color-accent: #2e72b3;
--color-text: #040b19;
}JSON (DTCG tokens)
{
"campanula-glacier-254": {
"bg": {
"$type": "color",
"$value": "#dcecfe"
},
"accent": {
"$type": "color",
"$value": "#2e72b3"
},
"text": {
"$type": "color",
"$value": "#040b19"
}
}
}About this palette
Campanula Glacier is a 3-color OKLCH-ready palette tagged violet, cold, monochromatic, 3 colors. Hex values: #DCECFE, #2E72B3, #040B19. APCA contrast score Lc 8.4. 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 Campanula Glacier by OKLab color distance.