Palette · 9 colors · Lc 8.9
Bold Hadfield Blue Ribbon palette
Bold Hadfield Blue Ribbon: a 9-color palette (Violet, Cold, 9 Colors). HEX, RGB, HSL and OKLCH for #E3F1FF, #98CFFF, #49C3FF, #009AFF, #0077FF, #364BD8, #282BAB, #002375, #001537, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E3F1FF
surface
#98CFFF
muted
#49C3FF
primary
#009AFF
secondary
#0077FF
accent
#364BD8
highlight
#282BAB
border
#002375
text
#001537
Colors in Bold Hadfield Blue Ribbon: HEX, RGB, HSL & OKLCH
- #E3F1FF color page →
bg
#E3F1FF
- RGB
- rgb(227 241 255)
- HSL
- hsl(210 100% 95%)
- OKLCH
- oklch(0.952 0.024 248.1)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.29:1 (AAA)
- #98CFFF color page →
surface
#98CFFF
- RGB
- rgb(152 207 255)
- HSL
- hsl(208 100% 80%)
- OKLCH
- oklch(0.834 0.089 245.5)
WCAG contrast: on white 1.65:1 (Fail) · on black 12.70:1 (AAA)
- #49C3FF color page →
muted
#49C3FF
- RGB
- rgb(73 195 255)
- HSL
- hsl(200 100% 64%)
- OKLCH
- oklch(0.774 0.136 234.1)
WCAG contrast: on white 1.99:1 (Fail) · on black 10.53:1 (AAA)
- #009AFF color page →
primary
#009AFF
- RGB
- rgb(0 154 255)
- HSL
- hsl(204 100% 50%)
- OKLCH
- oklch(0.671 0.183 248.5)
WCAG contrast: on white 2.97:1 (Fail) · on black 7.06:1 (AAA)
- #0077FF color page →
secondary
#0077FF
- RGB
- rgb(0 119 255)
- HSL
- hsl(212 100% 50%)
- OKLCH
- oklch(0.597 0.221 258)
WCAG contrast: on white 4.13:1 (Fail) · on black 5.08:1 (AA)
- #364BD8 color page →
accent
#364BD8
- RGB
- rgb(54 75 216)
- HSL
- hsl(232 68% 53%)
- OKLCH
- oklch(0.492 0.215 269.7)
WCAG contrast: on white 6.65:1 (AA) · on black 3.15:1 (Fail)
- #282BAB color page →
highlight
#282BAB
- RGB
- rgb(40 43 171)
- HSL
- hsl(239 62% 41%)
- OKLCH
- oklch(0.389 0.196 271.7)
WCAG contrast: on white 10.37:1 (AAA) · on black 2.02:1 (Fail)
- #002375 color page →
border
#002375
- RGB
- rgb(0 35 117)
- HSL
- hsl(222 100% 23%)
- OKLCH
- oklch(0.301 0.145 262.5)
WCAG contrast: on white 14.02:1 (AAA) · on black 1.49:1 (Fail)
- #001537 color page →
text
#001537
- RGB
- rgb(0 21 55)
- HSL
- hsl(217 100% 11%)
- OKLCH
- oklch(0.203 0.073 257.3)
WCAG contrast: on white 18.06:1 (AAA) · on black 1.16:1 (Fail)
Export Bold Hadfield Blue Ribbon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e3f1ff;
--surface: #98cfff;
--muted: #49c3ff;
--primary: #009aff;
--secondary: #0077ff;
--accent: #364bd8;
--highlight: #282bab;
--border: #002375;
--text: #001537;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e3f1ff;
--color-surface: #98cfff;
--color-muted: #49c3ff;
--color-primary: #009aff;
--color-secondary: #0077ff;
--color-accent: #364bd8;
--color-highlight: #282bab;
--color-border: #002375;
--color-text: #001537;
}JSON (DTCG tokens)
{
"bold-hadfield-blue-ribbon-75j": {
"bg": {
"$type": "color",
"$value": "#e3f1ff"
},
"surface": {
"$type": "color",
"$value": "#98cfff"
},
"muted": {
"$type": "color",
"$value": "#49c3ff"
},
"primary": {
"$type": "color",
"$value": "#009aff"
},
"secondary": {
"$type": "color",
"$value": "#0077ff"
},
"accent": {
"$type": "color",
"$value": "#364bd8"
},
"highlight": {
"$type": "color",
"$value": "#282bab"
},
"border": {
"$type": "color",
"$value": "#002375"
},
"text": {
"$type": "color",
"$value": "#001537"
}
}
}About this palette
Bold Hadfield Blue Ribbon is a 9-color OKLCH-ready palette tagged violet, cold, 9 colors. Hex values: #E3F1FF, #98CFFF, #49C3FF, #009AFF, #0077FF, #364BD8, #282BAB, #002375, #001537. APCA contrast score Lc 8.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 Bold Hadfield Blue Ribbon by OKLab color distance.