命名颜色 · #ECEBEA

Lace Veil

Lace Veil 即 #ECEBEA：rgb(236 235 234)、hsl(30 5% 92%)、oklch(0.941 0.002 67.8)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Lace Veil color name →

#ECEBEA

oklch(0.941 0.002 67.8)

颜色转换

HEX: #ecebea
RGB: rgb(236 235 234)
HSL: hsl(30 5% 92%)
HWB: hwb(30 92% 7%)
OKLCH: oklch(0.941 0.002 67.8)
OKLab: oklab(0.941 0.001 0.002)
CIE Lab: lab(93.11 0.22 0.61)
LCH: lch(93.11 0.65 70.6)
CMYK: cmyk(0% 0% 1% 7%)

浅色调 · 深色调 · 灰色调

浅色调

EEEDEC
F0EFEE
F2F1F0
F4F3F2
F5F5F4
F7F7F7
F9F9F9
FBFBFB
FDFDFD

深色调

CDCCCB
AFAEAE
929191
767575
5B5B5A
424141
292929
131313
030303

灰色调

E1E0DF
D5D5D4
CACAC9
BFBFBE
B4B4B4
AAA9A9
9F9F9F
959494
8A8A8A

配色和谐

互补色 +180°

ECEBEA
Lace Veil
EAEBEC
≈ Mercury

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.19:1 · APCA Lc 9

Fail

黑底

WCAG 17.63:1 · APCA Lc 95

AAA

最佳文字颜色: #000000

WCAG 17.63:1 (AAA) · APCA Lc 95

Contrast pairs

代码片段

CSS

:root {
  --lace-veil: #ecebea;
  --lace-veil-rgb: 236 235 234;
  --lace-veil-oklch: oklch(0.941 0.002 67.8);
}

.element {
  color: var(--lace-veil);
  background-color: hsl(30 5% 92%);
  border-color: oklch(0.941 0.002 67.8);
}

Tailwind CSS v4

@theme {
  --color-lace-veil: #ecebea;
  --color-lace-veil-50: #f5f5f4;
  --color-lace-veil-100: #e8e8e7;
  --color-lace-veil-200: #d5d4d3;
  --color-lace-veil-300: #b8b7b6;
  --color-lace-veil-400: #9f9e9d;
  --color-lace-veil-500: #878685;
  --color-lace-veil-600: #727170;
  --color-lace-veil-700: #5b5b5a;
  --color-lace-veil-800: #434242;
  --color-lace-veil-900: #2e2e2d;
  --color-lace-veil-950: #1b1a1a;
}

SCSS

$lace-veil: #ecebea;
$lace-veil-rgb: 236, 235, 234;
$lace-veil-light: mix(#fff, $lace-veil, 20%);
$lace-veil-dark: mix(#000, $lace-veil, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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