命名颜色 · #000044

Endless Galaxy

Endless Galaxy 即 #000044：rgb(0 0 68)、hsl(240 100% 13%)、oklch(0.175 0.121 264.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Blue mean? → · Endless Galaxy color name →

#000044

oklch(0.175 0.121 264.1)

颜色转换

HEX: #000044
RGB: rgb(0 0 68)
HSL: hsl(240 100% 13%)
HWB: hwb(240 0% 73%)
OKLCH: oklch(0.175 0.121 264.1)
OKLab: oklab(0.175 -0.013 -0.12)
CIE Lab: lab(3.17 19.75 -40.65)
LCH: lch(3.17 45.2 295.9)
CMYK: cmyk(100% 100% 0% 73%)

浅色调 · 深色调 · 灰色调

浅色调

071C57
1D3569
364C7C
4F648F
6A7CA1
8695B4
A3AFC6
C1C9D9
E0E4EC

深色调

00003A
000030
000026
00001D
000014
00000C
000005
000002
000000

灰色调

01114B
0A1F52
182C58
26385F
344465
42506B
515C70
606876
70747B

配色和谐

互补色 +180°

000044
Endless Galaxy
180F00
≈ Chinese Black

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

四角配色 +90° +180° +270°

对比度与无障碍

白底

WCAG 19.38:1 · APCA Lc 105

AAA

黑底

WCAG 1.08:1 · APCA Lc 0

Fail

最佳文字颜色: #FFFFFF

WCAG 19.38:1 (AAA) · APCA Lc 105

Contrast pairs

代码片段

CSS

:root {
  --endless-galaxy: #000044;
  --endless-galaxy-rgb: 0 0 68;
  --endless-galaxy-oklch: oklch(0.175 0.121 264.1);
}

.element {
  color: var(--endless-galaxy);
  background-color: hsl(240 100% 13%);
  border-color: oklch(0.175 0.121 264.1);
}

Tailwind CSS v4

@theme {
  --color-endless-galaxy: #000044;
  --color-endless-galaxy-50: #e5f5ff;
  --color-endless-galaxy-100: #d5e8ff;
  --color-endless-galaxy-200: #bcd4ff;
  --color-endless-galaxy-300: #9ab6f6;
  --color-endless-galaxy-400: #7a9de6;
  --color-endless-galaxy-500: #5c83d6;
  --color-endless-galaxy-600: #4f6fb5;
  --color-endless-galaxy-700: #3f5991;
  --color-endless-galaxy-800: #2b416c;
  --color-endless-galaxy-900: #1d2d4c;
  --color-endless-galaxy-950: #0d1a32;
}

SCSS

$endless-galaxy: #000044;
$endless-galaxy-rgb: 0, 0, 68;
$endless-galaxy-light: mix(#fff, $endless-galaxy, 20%);
$endless-galaxy-dark: mix(#000, $endless-galaxy, 20%);

.element {
  color: $endless-galaxy;
  box-shadow: 0 0 0 2px rgba($endless-galaxy, 0.35);
}

相近的命名颜色

Palettes with similar colors

Electric Opulent Blue EmberViolet · Cold

在工具中打开

取色器配色组合对比度检测 Studio JSON API