Benannte Farbe · #3311BB
Galactic Highway
Galactic Highway ist #3311BB: rgb(51 17 187), hsl(252 83% 40%), oklch(0.388 0.23 275.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Galactic Highway color name →
#3311BB
oklch(0.388 0.23 275.9)
Farbumrechnungen
- HEX
- #3311bb
- RGB
- rgb(51 17 187)
- HSL
- hsl(252 83% 40%)
- HWB
- hwb(252 7% 27%)
- OKLCH
- oklch(0.388 0.23 275.9)
- OKLab
- oklab(0.388 0.024 -0.229)
- CIE Lab
- lab(24.16 51.73 -81.86)
- LCH
- lch(24.16 96.84 302.3)
- CMYK
- cmyk(73% 91% 0% 27%)
Tints · Shades · Tones
Tints
- 3F39C4
- 4E53CD
- 606BD5
- 7480DD
- 8996E4
- 9FABEA
- B6C0F0
- CED5F6
- E6EAFB
Shades
- 2B0DA2
- 23098A
- 1C0673
- 14045C
- 0D0246
- 070132
- 03001F
- 01000D
- 000002
Tones
- 362AB6
- 3B3AB2
- 4146AD
- 4850A8
- 515AA2
- 59629C
- 626A96
- 6C728F
- 767988
Farbharmonien
Komplementär +180°
- 3311BB
Galactic Highway
- 514400
≈ Sugarloaf Brown
Analog -30° +30°
- 3311BB
Galactic Highway
- 004876
≈ Medici Blue
- 600096
≈ SQL Injection Purple
Triadisch +120° +240°
- 3311BB
Galactic Highway
- 7C1E00
≈ Doombull Brown
- 00532E
≈ Card Table Green
Geteilt komplementär +150° +210°
- 3311BB
Galactic Highway
- 633900
≈ Brown
- 374D00
≈ Godzilla
Tetradisch +90° +180° +270°
- 3311BB
Galactic Highway
- 810038
≈ Inescapable Lover
- 514400
≈ Sugarloaf Brown
- 00504A
≈ Action Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.83:1 · APCA Lc 93
Ag
FailAuf Schwarz
WCAG 1.93:1 · APCA Lc 9
Beste Textfarbe: #FFFFFF
WCAG 10.83:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--galactic-highway: #3311bb;
--galactic-highway-rgb: 51 17 187;
--galactic-highway-oklch: oklch(0.388 0.23 275.9);
}
.element {
color: var(--galactic-highway);
background-color: hsl(252 83% 40%);
border-color: oklch(0.388 0.23 275.9);
}Tailwind CSS v4
@theme {
--color-galactic-highway: #3311bb;
--color-galactic-highway-50: #e5f0ff;
--color-galactic-highway-100: #d5e1ff;
--color-galactic-highway-200: #bdcaff;
--color-galactic-highway-300: #9ea8ff;
--color-galactic-highway-400: #7e89ff;
--color-galactic-highway-500: #6666ff;
--color-galactic-highway-600: #5658ed;
--color-galactic-highway-700: #4446bf;
--color-galactic-highway-800: #2e3490;
--color-galactic-highway-900: #1f2366;
--color-galactic-highway-950: #0f1147;
}SCSS
$galactic-highway: #3311bb;
$galactic-highway-rgb: 51, 17, 187;
$galactic-highway-light: mix(#fff, $galactic-highway, 20%);
$galactic-highway-dark: mix(#000, $galactic-highway, 20%);
.element {
color: $galactic-highway;
box-shadow: 0 0 0 2px rgba($galactic-highway, 0.35);
}