色名 · #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);
}