命名颜色 · #EAEDEE

Lagoon Mirror

Lagoon Mirror 即 #EAEDEE：rgb(234 237 238)、hsl(195 11% 93%)、oklch(0.944 0.003 219.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Lagoon Mirror color name →

#EAEDEE

oklch(0.944 0.003 219.5)

颜色转换

HEX: #eaedee
RGB: rgb(234 237 238)
HSL: hsl(195 11% 93%)
HWB: hwb(195 92% 7%)
OKLCH: oklch(0.944 0.003 219.5)
OKLab: oklab(0.944 -0.003 -0.002)
CIE Lab: lab(93.54 -0.9 -0.85)
LCH: lch(93.54 1.24 223.4)
CMYK: cmyk(2% 0% 0% 7%)

浅色调 · 深色调 · 灰色调

浅色调

ECEFF0
EEF1F1
F0F2F3
F2F4F5
F4F6F6
F7F8F8
F9FAFA
FBFBFC
FDFDFD

深色调

CBCECF
AEB0B1
919393
757777
5A5C5C
414242
292A2A
131414
030303

灰色调

DFE2E2
D4D6D7
C9CBCC
BEC0C1
B4B5B5
A9AAAA
9F9FA0
949595
8A8A8A

配色和谐

互补色 +180°

EAEDEE
Lagoon Mirror
EFECEB
≈ Snowberry

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.17:1 · APCA Lc 8

Fail

黑底

WCAG 17.84:1 · APCA Lc 96

AAA

最佳文字颜色: #000000

WCAG 17.84:1 (AAA) · APCA Lc 96

Contrast pairs

代码片段

CSS

:root {
  --lagoon-mirror: #eaedee;
  --lagoon-mirror-rgb: 234 237 238;
  --lagoon-mirror-oklch: oklch(0.944 0.003 219.5);
}

.element {
  color: var(--lagoon-mirror);
  background-color: hsl(195 11% 93%);
  border-color: oklch(0.944 0.003 219.5);
}

Tailwind CSS v4

@theme {
  --color-lagoon-mirror: #eaedee;
  --color-lagoon-mirror-50: #f4f5f6;
  --color-lagoon-mirror-100: #e7e8e9;
  --color-lagoon-mirror-200: #d3d4d5;
  --color-lagoon-mirror-300: #b5b8b8;
  --color-lagoon-mirror-400: #9c9fa0;
  --color-lagoon-mirror-500: #848788;
  --color-lagoon-mirror-600: #6f7273;
  --color-lagoon-mirror-700: #595b5c;
  --color-lagoon-mirror-800: #414343;
  --color-lagoon-mirror-900: #2d2e2e;
  --color-lagoon-mirror-950: #1a1b1b;
}

SCSS

$lagoon-mirror: #eaedee;
$lagoon-mirror-rgb: 234, 237, 238;
$lagoon-mirror-light: mix(#fff, $lagoon-mirror, 20%);
$lagoon-mirror-dark: mix(#000, $lagoon-mirror, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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