Named color · #111188
Galactic Cruise
Galactic Cruise is #111188: rgb(17 17 136), hsl(240 78% 30%), oklch(0.303 0.183 268.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Galactic Cruise color name →
#111188
oklch(0.303 0.183 268.4)
Color conversions
- HEX
- #111188
- RGB
- rgb(17 17 136)
- HSL
- hsl(240 78% 30%)
- HWB
- hwb(240 7% 47%)
- OKLCH
- oklch(0.303 0.183 268.4)
- OKLab
- oklab(0.303 -0.005 -0.183)
- CIE Lab
- lab(15.59 36.69 -65.14)
- LCH
- lch(15.59 74.76 299.4)
- CMYK
- cmyk(88% 88% 0% 47%)
Tints · Shades · Tones
Tints
- 1F3196
- 324AA3
- 4861B0
- 5F77BC
- 788EC8
- 92A4D4
- ACBADF
- C7D1EA
- E3E8F5
Shades
- 0D0D75
- 090963
- 060652
- 040441
- 020231
- 010122
- 000013
- 000006
- 000001
Tones
- 172489
- 1F3289
- 293E89
- 354989
- 405388
- 4C5C88
- 596586
- 666E85
- 737783
Color harmonies
Complementary +180°
- 111188
Galactic Cruise
- 3B2C00
≈ Secret Passage
Analogous -30° +30°
- 111188
Galactic Cruise
- 00334C
≈ Dark Denim Blue
- 3D0073
≈ Galactic Federation
Triadic +120° +240°
- 111188
Galactic Cruise
- 5E0002
≈ Spikey Red
- 003A13
≈ Gameboy Contrast
Split-complementary +150° +210°
- 111188
Galactic Cruise
- 492400
≈ Ibex Brown
- 2B3300
≈ Wasabi Nori
Tetradic +90° +180° +270°
- 111188
Galactic Cruise
- 5A002E
≈ Mulberry Wood
- 3B2C00
≈ Secret Passage
- 00382F
≈ Night Turquoise
Contrast & accessibility
Ag
AAAOn white
WCAG 14.38:1 · APCA Lc 100
Ag
FailOn black
WCAG 1.45:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 14.38:1 (AAA) · APCA Lc 100
Contrast pairs
Code snippets
CSS
:root {
--galactic-cruise: #111188;
--galactic-cruise-rgb: 17 17 136;
--galactic-cruise-oklch: oklch(0.303 0.183 268.4);
}
.element {
color: var(--galactic-cruise);
background-color: hsl(240 78% 30%);
border-color: oklch(0.303 0.183 268.4);
}Tailwind CSS v4
@theme {
--color-galactic-cruise: #111188;
--color-galactic-cruise-50: #e1f3ff;
--color-galactic-cruise-100: #d0e6ff;
--color-galactic-cruise-200: #b6d0ff;
--color-galactic-cruise-300: #94b1ff;
--color-galactic-cruise-400: #7196ff;
--color-galactic-cruise-500: #5479fd;
--color-galactic-cruise-600: #4867d5;
--color-galactic-cruise-700: #3952ac;
--color-galactic-cruise-800: #253c81;
--color-galactic-cruise-900: #182a5b;
--color-galactic-cruise-950: #0a173e;
}SCSS
$galactic-cruise: #111188;
$galactic-cruise-rgb: 17, 17, 136;
$galactic-cruise-light: mix(#fff, $galactic-cruise, 20%);
$galactic-cruise-dark: mix(#000, $galactic-cruise, 20%);
.element {
color: $galactic-cruise;
box-shadow: 0 0 0 2px rgba($galactic-cruise, 0.35);
}