命名颜色 · #E8F4F7

Milky Way

Milky Way 即 #E8F4F7：rgb(232 244 247)、hsl(192 48% 94%)、oklch(0.959 0.013 214.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Milky Way color name →

#E8F4F7

oklch(0.959 0.013 214.4)

颜色转换

HEX: #e8f4f7
RGB: rgb(232 244 247)
HSL: hsl(192 48% 94%)
HWB: hwb(192 91% 3%)
OKLCH: oklch(0.959 0.013 214.4)
OKLab: oklab(0.959 -0.011 -0.008)
CIE Lab: lab(95.35 -3.68 -2.89)
LCH: lch(95.35 4.68 218.1)
CMYK: cmyk(6% 1% 0% 3%)

浅色调 · 深色调 · 灰色调

浅色调

EAF5F8
EDF6F9
EFF7F9
F1F8FA
F4FAFB
F6FBFC
F8FCFD
FAFDFD
FDFEFE

深色调

CAD4D7
ACB5B7
909799
747A7C
595E60
404445
292B2C
131415
030303

灰色调

DDE8EA
D2DCDE
C8D0D2
BDC4C6
B3B8BA
A8ADAE
9EA1A2
949697
8A8B8B

配色和谐

互补色 +180°

E8F4F7
Milky Way
FAEFEC
≈ Baby Blossom

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.12:1 · APCA Lc 0

Fail

黑底

WCAG 18.71:1 · APCA Lc 99

AAA

最佳文字颜色: #000000

WCAG 18.71:1 (AAA) · APCA Lc 99

Contrast pairs

代码片段

CSS

:root {
  --milky-way: #e8f4f7;
  --milky-way-rgb: 232 244 247;
  --milky-way-oklch: oklch(0.959 0.013 214.4);
}

.element {
  color: var(--milky-way);
  background-color: hsl(192 48% 94%);
  border-color: oklch(0.959 0.013 214.4);
}

Tailwind CSS v4

@theme {
  --color-milky-way: #e8f4f7;
  --color-milky-way-50: #f1f6f7;
  --color-milky-way-100: #e3e9eb;
  --color-milky-way-200: #ced6d8;
  --color-milky-way-300: #b0b9bc;
  --color-milky-way-400: #96a1a3;
  --color-milky-way-500: #7d898c;
  --color-milky-way-600: #6a7476;
  --color-milky-way-700: #545c5e;
  --color-milky-way-800: #3d4445;
  --color-milky-way-900: #2a2f30;
  --color-milky-way-950: #181b1c;
}

SCSS

$milky-way: #e8f4f7;
$milky-way-rgb: 232, 244, 247;
$milky-way-light: mix(#fff, $milky-way, 20%);
$milky-way-dark: mix(#000, $milky-way, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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