命名颜色 · #D7D8DC

Mais Oui

Mais Oui 即 #D7D8DC：rgb(215 216 220)、hsl(228 7% 85%)、oklch(0.883 0.006 275)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Mais Oui color name →

#D7D8DC

oklch(0.883 0.006 275)

颜色转换

HEX: #d7d8dc
RGB: rgb(215 216 220)
HSL: hsl(228 7% 85%)
HWB: hwb(228 84% 14%)
OKLCH: oklch(0.883 0.006 275)
OKLab: oklab(0.883 0 -0.006)
CIE Lab: lab(86.35 0.19 -2.1)
LCH: lch(86.35 2.11 275.3)
CMYK: cmyk(2% 2% 0% 14%)

浅色调 · 深色调 · 灰色调

浅色调

DBDCDF
DFE0E3
E3E4E6
E7E7EA
EBEBED
EFEFF1
F3F3F4
F7F7F8
FBFBFB

深色调

BBBCBF
9FA0A3
858588
6B6B6E
525354
3B3B3C
252526
111111
020202

灰色调

CECFD2
C5C6C9
BCBDBF
B3B4B6
AAABAD
A2A2A4
99999B
919192
888889

配色和谐

互补色 +180°

D7D8DC
Mais Oui
D9D8D4
≈ Whispering Smoke

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.42:1 · APCA Lc 20

Fail

黑底

WCAG 14.74:1 · APCA Lc 83

AAA

最佳文字颜色: #000000

WCAG 14.74:1 (AAA) · APCA Lc 83

Contrast pairs

代码片段

CSS

:root {
  --mais-oui: #d7d8dc;
  --mais-oui-rgb: 215 216 220;
  --mais-oui-oklch: oklch(0.883 0.006 275);
}

.element {
  color: var(--mais-oui);
  background-color: hsl(228 7% 85%);
  border-color: oklch(0.883 0.006 275);
}

Tailwind CSS v4

@theme {
  --color-mais-oui: #d7d8dc;
  --color-mais-oui-50: #f5f5f7;
  --color-mais-oui-100: #e7e8ea;
  --color-mais-oui-200: #d3d4d7;
  --color-mais-oui-300: #b6b7ba;
  --color-mais-oui-400: #9d9ea2;
  --color-mais-oui-500: #85868a;
  --color-mais-oui-600: #707175;
  --color-mais-oui-700: #5a5b5d;
  --color-mais-oui-800: #424244;
  --color-mais-oui-900: #2d2e2f;
  --color-mais-oui-950: #1a1a1c;
}

SCSS

$mais-oui: #d7d8dc;
$mais-oui-rgb: 215, 216, 220;
$mais-oui-light: mix(#fff, $mais-oui, 20%);
$mais-oui-dark: mix(#000, $mais-oui, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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