Named color · #273287
Intergalactic Highway
Intergalactic Highway is #273287: rgb(39 50 135), hsl(233 55% 34%), oklch(0.365 0.141 271.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Intergalactic Highway color name →
#273287
oklch(0.365 0.141 271.7)
Color conversions
- HEX
- #273287
- RGB
- rgb(39 50 135)
- HSL
- hsl(233 55% 34%)
- HWB
- hwb(233 15% 47%)
- OKLCH
- oklch(0.365 0.141 271.7)
- OKLab
- oklab(0.365 0.004 -0.141)
- CIE Lab
- lab(24.34 19.5 -50.03)
- LCH
- lch(24.34 53.7 291.3)
- CMYK
- cmyk(71% 63% 0% 47%)
Tints · Shades · Tones
Tints
- 384794
- 4B5BA1
- 5F6FAD
- 7483B9
- 8997C5
- A0ABD1
- B7C0DD
- CED5E8
- E6EAF4
Shades
- 202A75
- 1A2263
- 141B51
- 0E1441
- 080D31
- 040721
- 020313
- 010106
- 000001
Tones
- 2E3B87
- 364487
- 3E4C87
- 475487
- 505C86
- 596386
- 636B85
- 6C7283
- 767982
Color harmonies
Complementary +180°
- 273287
Intergalactic Highway
- 4D3C00
≈ Xanthophobia
Analogous -30° +30°
- 273287
Intergalactic Highway
- 004267
≈ Dark Imperial Blue
- 4D237B
≈ Spanish Violet
Triadic +120° +240°
- 273287
Intergalactic Highway
- 770E00
≈ Sang de Boeuf
- 004C23
≈ Pine Green
Split-complementary +150° +210°
- 273287
Intergalactic Highway
- 5D3200
≈ Chocolate Fantasies
- 374500
≈ Garden Shadow
Tetradic +90° +180° +270°
- 273287
Intergalactic Highway
- 740739
≈ Merlot
- 4D3C00
≈ Xanthophobia
- 004941
≈ Tropical Forest
Contrast & accessibility
Ag
AAAOn white
WCAG 11.09:1 · APCA Lc 95
Ag
FailOn black
WCAG 1.89:1 · APCA Lc 7
Best text color: #FFFFFF
WCAG 11.09:1 (AAA) · APCA Lc 95
Contrast pairs
Code snippets
CSS
:root {
--intergalactic-highway: #273287;
--intergalactic-highway-rgb: 39 50 135;
--intergalactic-highway-oklch: oklch(0.365 0.141 271.7);
}
.element {
color: var(--intergalactic-highway);
background-color: hsl(233 55% 34%);
border-color: oklch(0.365 0.141 271.7);
}Tailwind CSS v4
@theme {
--color-intergalactic-highway: #273287;
--color-intergalactic-highway-50: #e8f3ff;
--color-intergalactic-highway-100: #d8e5ff;
--color-intergalactic-highway-200: #c1d1ff;
--color-intergalactic-highway-300: #a0b2ff;
--color-intergalactic-highway-400: #8198f2;
--color-intergalactic-highway-500: #667de3;
--color-intergalactic-highway-600: #576abf;
--color-intergalactic-highway-700: #45559a;
--color-intergalactic-highway-800: #2f3e73;
--color-intergalactic-highway-900: #202b51;
--color-intergalactic-highway-950: #101836;
}SCSS
$intergalactic-highway: #273287;
$intergalactic-highway-rgb: 39, 50, 135;
$intergalactic-highway-light: mix(#fff, $intergalactic-highway, 20%);
$intergalactic-highway-dark: mix(#000, $intergalactic-highway, 20%);
.element {
color: $intergalactic-highway;
box-shadow: 0 0 0 2px rgba($intergalactic-highway, 0.35);
}