Nazwany kolor · #111188
Galactic Cruise
Galactic Cruise to #111188: rgb(17 17 136), hsl(240 78% 30%), oklch(0.303 0.183 268.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Galactic Cruise color name →
#111188
oklch(0.303 0.183 268.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 1F3196
- 324AA3
- 4861B0
- 5F77BC
- 788EC8
- 92A4D4
- ACBADF
- C7D1EA
- E3E8F5
Odcienie ciemniejsze
- 0D0D75
- 090963
- 060652
- 040441
- 020231
- 010122
- 000013
- 000006
- 000001
Tony
- 172489
- 1F3289
- 293E89
- 354989
- 405388
- 4C5C88
- 596586
- 666E85
- 737783
Harmonie kolorów
Komplementarna +180°
- 111188
Galactic Cruise
- 3B2C00
≈ Secret Passage
Analogowa -30° +30°
- 111188
Galactic Cruise
- 00334C
≈ Dark Denim Blue
- 3D0073
≈ Galactic Federation
Triada +120° +240°
- 111188
Galactic Cruise
- 5E0002
≈ Spikey Red
- 003A13
≈ Gameboy Contrast
Komplementarna rozszczepiona +150° +210°
- 111188
Galactic Cruise
- 492400
≈ Ibex Brown
- 2B3300
≈ Wasabi Nori
Tetrada +90° +180° +270°
- 111188
Galactic Cruise
- 5A002E
≈ Mulberry Wood
- 3B2C00
≈ Secret Passage
- 00382F
≈ Night Turquoise
Kontrast i dostępność
Ag
AAANa bieli
WCAG 14.38:1 · APCA Lc 100
Ag
FailNa czerni
WCAG 1.45:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 14.38:1 (AAA) · APCA Lc 100
Contrast pairs
Fragmenty kodu
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);
}