命名颜色 · #D1D2DC

Glacier Pearl

Glacier Pearl 即 #D1D2DC：rgb(209 210 220)、hsl(235 14% 84%)、oklch(0.866 0.014 281.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Glacier Pearl color name →

#D1D2DC

oklch(0.866 0.014 281.5)

颜色转换

HEX: #d1d2dc
RGB: rgb(209 210 220)
HSL: hsl(235 14% 84%)
HWB: hwb(235 82% 14%)
OKLCH: oklch(0.866 0.014 281.5)
OKLab: oklab(0.866 0.003 -0.013)
CIE Lab: lab(84.34 1.04 -5.08)
LCH: lch(84.34 5.19 281.5)
CMYK: cmyk(5% 5% 0% 14%)

浅色调 · 深色调 · 灰色调

浅色调

D6D6DF
DADBE3
DFDFE6
E3E4EA
E8E8ED
ECEDF1
F1F1F4
F6F6F8
FAFAFB

深色调

B5B6BF
9B9BA3
818188
68686E
505054
39393C
232426
101011
020202

灰色调

C9C9D2
C0C1C9
B8B9BF
B0B0B6
A8A8AD
A0A0A4
98989B
909092
888889

配色和谐

互补色 +180°

D1D2DC
Glacier Pearl
D4D3C9
≈ Eon

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.50:1 · APCA Lc 24

Fail

黑底

WCAG 13.96:1 · APCA Lc 80

AAA

最佳文字颜色: #000000

WCAG 13.96:1 (AAA) · APCA Lc 80

Contrast pairs

代码片段

CSS

:root {
  --glacier-pearl: #d1d2dc;
  --glacier-pearl-rgb: 209 210 220;
  --glacier-pearl-oklch: oklch(0.866 0.014 281.5);
}

.element {
  color: var(--glacier-pearl);
  background-color: hsl(235 14% 84%);
  border-color: oklch(0.866 0.014 281.5);
}

Tailwind CSS v4

@theme {
  --color-glacier-pearl: #d1d2dc;
  --color-glacier-pearl-50: #f4f5f9;
  --color-glacier-pearl-100: #e7e7ec;
  --color-glacier-pearl-200: #d3d3da;
  --color-glacier-pearl-300: #b6b7be;
  --color-glacier-pearl-400: #9d9ea7;
  --color-glacier-pearl-500: #84858f;
  --color-glacier-pearl-600: #707179;
  --color-glacier-pearl-700: #5a5a61;
  --color-glacier-pearl-800: #414247;
  --color-glacier-pearl-900: #2d2d31;
  --color-glacier-pearl-950: #1a1a1d;
}

SCSS

$glacier-pearl: #d1d2dc;
$glacier-pearl-rgb: 209, 210, 220;
$glacier-pearl-light: mix(#fff, $glacier-pearl, 20%);
$glacier-pearl-dark: mix(#000, $glacier-pearl, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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