命名颜色 · #DEE2E4

Aura White

Aura White 即 #DEE2E4：rgb(222 226 228)、hsl(200 10% 88%)、oklch(0.91 0.005 228.8)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Aura White color name →

#DEE2E4

oklch(0.91 0.005 228.8)

颜色转换

HEX: #dee2e4
RGB: rgb(222 226 228)
HSL: hsl(200 10% 88%)
HWB: hwb(200 87% 11%)
OKLCH: oklch(0.91 0.005 228.8)
OKLab: oklab(0.91 -0.003 -0.004)
CIE Lab: lab(89.62 -1.12 -1.48)
LCH: lch(89.62 1.85 232.8)
CMYK: cmyk(3% 1% 0% 11%)

浅色调 · 深色调 · 灰色调

浅色调

E1E5E7
E5E8E9
E8EBEC
EBEEEF
EEF0F1
F2F3F4
F5F6F7
F8F9FA
FCFCFC

深色调

C1C4C6
A5A8A9
898C8D
6F7172
555758
3D3E3F
262728
121212
020303

灰色调

D4D8DA
CACECF
C1C4C5
B7BABB
AEB0B1
A4A6A7
9B9C9D
929393
89898A

配色和谐

互补色 +180°

DEE2E4
Aura White
E4E0DE
≈ Timid Sheep

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.30:1 · APCA Lc 15

Fail

黑底

WCAG 16.10:1 · APCA Lc 89

AAA

最佳文字颜色: #000000

WCAG 16.10:1 (AAA) · APCA Lc 89

Contrast pairs

代码片段

CSS

:root {
  --aura-white: #dee2e4;
  --aura-white-rgb: 222 226 228;
  --aura-white-oklch: oklch(0.91 0.005 228.8);
}

.element {
  color: var(--aura-white);
  background-color: hsl(200 10% 88%);
  border-color: oklch(0.91 0.005 228.8);
}

Tailwind CSS v4

@theme {
  --color-aura-white: #dee2e4;
  --color-aura-white-50: #f4f5f6;
  --color-aura-white-100: #e6e8e9;
  --color-aura-white-200: #d2d5d6;
  --color-aura-white-300: #b5b8b9;
  --color-aura-white-400: #9b9fa1;
  --color-aura-white-500: #838789;
  --color-aura-white-600: #6f7274;
  --color-aura-white-700: #595b5d;
  --color-aura-white-800: #414344;
  --color-aura-white-900: #2c2e2f;
  --color-aura-white-950: #1a1b1b;
}

SCSS

$aura-white: #dee2e4;
$aura-white-rgb: 222, 226, 228;
$aura-white-light: mix(#fff, $aura-white, 20%);
$aura-white-dark: mix(#000, $aura-white, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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