色名 · #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