Palette · 7 colors · Lc 9
Classic Hadfield Blue System palette
Classic Hadfield Blue System: a 7-color palette (Violet, Cold, 7 Colors). HEX, RGB, HSL and OKLCH for #E7EDF3, #76D7FF, #00A8F9, #0079FF, #2448CE, #002381, #001334, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E7EDF3
surface
#76D7FF
muted
#00A8F9
primary
#0079FF
secondary
#2448CE
accent
#002381
text
#001334
Colors in Classic Hadfield Blue System: HEX, RGB, HSL & OKLCH
- #E7EDF3 color page →
bg
#E7EDF3
- RGB
- rgb(231 237 243)
- HSL
- hsl(210 33% 93%)
- OKLCH
- oklch(0.943 0.01 247.9)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.80:1 (AAA)
- #76D7FF color page →
surface
#76D7FF
- RGB
- rgb(118 215 255)
- HSL
- hsl(198 100% 73%)
- OKLCH
- oklch(0.835 0.107 227.1)
WCAG contrast: on white 1.62:1 (Fail) · on black 12.93:1 (AAA)
- #00A8F9 color page →
muted
#00A8F9
- RGB
- rgb(0 168 249)
- HSL
- hsl(200 100% 49%)
- OKLCH
- oklch(0.699 0.163 241.1)
WCAG contrast: on white 2.63:1 (Fail) · on black 7.96:1 (AAA)
- #0079FF color page →
primary
#0079FF
- RGB
- rgb(0 121 255)
- HSL
- hsl(212 100% 50%)
- OKLCH
- oklch(0.601 0.219 257.6)
WCAG contrast: on white 4.05:1 (Fail) · on black 5.17:1 (AA)
- #2448CE color page →
secondary
#2448CE
- RGB
- rgb(36 72 206)
- HSL
- hsl(227 70% 47%)
- OKLCH
- oklch(0.47 0.21 266.2)
WCAG contrast: on white 7.25:1 (AAA) · on black 2.89:1 (Fail)
- #002381 color page →
accent
#002381
- RGB
- rgb(0 35 129)
- HSL
- hsl(224 100% 25%)
- OKLCH
- oklch(0.315 0.161 263.1)
WCAG contrast: on white 13.48:1 (AAA) · on black 1.55:1 (Fail)
- #001334 color page →
text
#001334
- RGB
- rgb(0 19 52)
- HSL
- hsl(218 100% 10%)
- OKLCH
- oklch(0.195 0.071 257.7)
WCAG contrast: on white 18.37:1 (AAA) · on black 1.14:1 (Fail)
Export Classic Hadfield Blue System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e7edf3;
--surface: #76d7ff;
--muted: #00a8f9;
--primary: #0079ff;
--secondary: #2448ce;
--accent: #002381;
--text: #001334;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e7edf3;
--color-surface: #76d7ff;
--color-muted: #00a8f9;
--color-primary: #0079ff;
--color-secondary: #2448ce;
--color-accent: #002381;
--color-text: #001334;
}JSON (DTCG tokens)
{
"classic-hadfield-blue-system-4zx": {
"bg": {
"$type": "color",
"$value": "#e7edf3"
},
"surface": {
"$type": "color",
"$value": "#76d7ff"
},
"muted": {
"$type": "color",
"$value": "#00a8f9"
},
"primary": {
"$type": "color",
"$value": "#0079ff"
},
"secondary": {
"$type": "color",
"$value": "#2448ce"
},
"accent": {
"$type": "color",
"$value": "#002381"
},
"text": {
"$type": "color",
"$value": "#001334"
}
}
}About this palette
Classic Hadfield Blue System is a 7-color OKLCH-ready palette tagged violet, cold, 7 colors. Hex values: #E7EDF3, #76D7FF, #00A8F9, #0079FF, #2448CE, #002381, #001334. 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 Classic Hadfield Blue System by OKLab color distance.