命名颜色 · #E4E2DC

Wan White

Wan White 即 #E4E2DC：rgb(228 226 220)、hsl(45 13% 88%)、oklch(0.913 0.008 91.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

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

#E4E2DC

oklch(0.913 0.008 91.5)

颜色转换

HEX: #e4e2dc
RGB: rgb(228 226 220)
HSL: hsl(45 13% 88%)
HWB: hwb(45 86% 11%)
OKLCH: oklch(0.913 0.008 91.5)
OKLab: oklab(0.913 0 0.008)
CIE Lab: lab(89.92 -0.08 3.19)
LCH: lch(89.92 3.19 91.5)
CMYK: cmyk(0% 1% 4% 11%)

浅色调 · 深色调 · 灰色调

浅色调

E7E5DF
E9E8E3
ECEBE6
EFEEEA
F1F0ED
F4F3F1
F7F6F4
FAF9F8
FCFCFB

深色调

C6C4BF
A9A8A3
8D8C88
72716E
585754
3F3E3C
282726
121211
030302

灰色调

DAD8D2
CFCEC9
C5C4BF
BBBAB6
B1B0AD
A7A6A4
9D9C9B
939392
8A8989

配色和谐

互补色 +180°

E4E2DC
Wan White
E0E2E8
≈ White Iris

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.29:1 · APCA Lc 15

Fail

黑底

WCAG 16.21:1 · APCA Lc 89

AAA

最佳文字颜色: #000000

WCAG 16.21:1 (AAA) · APCA Lc 89

Contrast pairs

代码片段

CSS

:root {
  --wan-white: #e4e2dc;
  --wan-white-rgb: 228 226 220;
  --wan-white-oklch: oklch(0.913 0.008 91.5);
}

.element {
  color: var(--wan-white);
  background-color: hsl(45 13% 88%);
  border-color: oklch(0.913 0.008 91.5);
}

Tailwind CSS v4

@theme {
  --color-wan-white: #e4e2dc;
  --color-wan-white-50: #f6f5f2;
  --color-wan-white-100: #e9e8e5;
  --color-wan-white-200: #d5d4d0;
  --color-wan-white-300: #b9b7b3;
  --color-wan-white-400: #a09e99;
  --color-wan-white-500: #888680;
  --color-wan-white-600: #73716c;
  --color-wan-white-700: #5c5b57;
  --color-wan-white-800: #43423f;
  --color-wan-white-900: #2f2e2b;
  --color-wan-white-950: #1b1a19;
}

SCSS

$wan-white: #e4e2dc;
$wan-white-rgb: 228, 226, 220;
$wan-white-light: mix(#fff, $wan-white, 20%);
$wan-white-dark: mix(#000, $wan-white, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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