Palette · 4 colors · Lc 9
Atomic Blue Ribbon Bloom palette
Atomic Blue Ribbon Bloom: a 4-color palette (Violet, Cold, 4 Colors). HEX, RGB, HSL and OKLCH for #E5EBF0, #006CFF, #002B53, #01060E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E5EBF0
surface
#006CFF
accent
#002B53
text
#01060E
Colors in Atomic Blue Ribbon Bloom: HEX, RGB, HSL & OKLCH
- #E5EBF0 color page →
bg
#E5EBF0
- RGB
- rgb(229 235 240)
- HSL
- hsl(207 27% 92%)
- OKLCH
- oklch(0.937 0.009 242.8)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.47:1 (AAA)
- #006CFF color page →
surface
#006CFF
- RGB
- rgb(0 108 255)
- HSL
- hsl(215 100% 50%)
- OKLCH
- oklch(0.575 0.234 260)
WCAG contrast: on white 4.57:1 (AA) · on black 4.58:1 (AA)
- #002B53 color page →
accent
#002B53
- RGB
- rgb(0 43 83)
- HSL
- hsl(209 100% 16%)
- OKLCH
- oklch(0.287 0.085 251.8)
WCAG contrast: on white 14.28:1 (AAA) · on black 1.47:1 (Fail)
- #01060E color page →
text
#01060E
- RGB
- rgb(1 6 14)
- HSL
- hsl(217 87% 3%)
- OKLCH
- oklch(0.119 0.025 247.3)
WCAG contrast: on white 20.31:1 (AAA) · on black 1.03:1 (Fail)
Export Atomic Blue Ribbon Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e5ebf0;
--surface: #006cff;
--accent: #002b53;
--text: #01060e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e5ebf0;
--color-surface: #006cff;
--color-accent: #002b53;
--color-text: #01060e;
}JSON (DTCG tokens)
{
"atomic-blue-ribbon-bloom-6fh": {
"bg": {
"$type": "color",
"$value": "#e5ebf0"
},
"surface": {
"$type": "color",
"$value": "#006cff"
},
"accent": {
"$type": "color",
"$value": "#002b53"
},
"text": {
"$type": "color",
"$value": "#01060e"
}
}
}About this palette
Atomic Blue Ribbon Bloom is a 4-color OKLCH-ready palette tagged violet, cold, 4 colors. Hex values: #E5EBF0, #006CFF, #002B53, #01060E. 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 Atomic Blue Ribbon Bloom by OKLab color distance.