لون مسمّى · #3311BB
Galactic Highway
Galactic Highway هو #3311BB: rgb(51 17 187)، hsl(252 83% 40%)، oklch(0.388 0.23 275.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Blue mean? → · Galactic Highway color name →
#3311BB
oklch(0.388 0.23 275.9)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 3F39C4
- 4E53CD
- 606BD5
- 7480DD
- 8996E4
- 9FABEA
- B6C0F0
- CED5F6
- E6EAFB
درجات داكنة
- 2B0DA2
- 23098A
- 1C0673
- 14045C
- 0D0246
- 070132
- 03001F
- 01000D
- 000002
درجات رمادية
- 362AB6
- 3B3AB2
- 4146AD
- 4850A8
- 515AA2
- 59629C
- 626A96
- 6C728F
- 767988
تناسق الألوان
متمم +180°
- 3311BB
Galactic Highway
- 514400
≈ Sugarloaf Brown
متجاور -30° +30°
- 3311BB
Galactic Highway
- 004876
≈ Medici Blue
- 600096
≈ SQL Injection Purple
ثلاثي +120° +240°
- 3311BB
Galactic Highway
- 7C1E00
≈ Doombull Brown
- 00532E
≈ Card Table Green
متمم منقسم +150° +210°
- 3311BB
Galactic Highway
- 633900
≈ Brown
- 374D00
≈ Godzilla
رباعي +90° +180° +270°
- 3311BB
Galactic Highway
- 810038
≈ Inescapable Lover
- 514400
≈ Sugarloaf Brown
- 00504A
≈ Action Green
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 10.83:1 · APCA Lc 93
Ag
Failعلى الأسود
WCAG 1.93:1 · APCA Lc 9
أفضل لون للنص: #FFFFFF
WCAG 10.83:1 (AAA) · APCA Lc 93
Contrast pairs
مقتطفات الأكواد
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);
}