命名颜色 · #E5E5FA

Lavender Mist

Lavender Mist 即 #E5E5FA：rgb(229 229 250)、hsl(240 68% 94%)、oklch(0.928 0.028 285.8)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Lavender Mist color name →

#E5E5FA

oklch(0.928 0.028 285.8)

颜色转换

HEX: #e5e5fa
RGB: rgb(229 229 250)
HSL: hsl(240 68% 94%)
HWB: hwb(240 90% 2%)
OKLCH: oklch(0.928 0.028 285.8)
OKLab: oklab(0.928 0.008 -0.027)
CIE Lab: lab(91.41 2.92 -10.22)
LCH: lch(91.41 10.63 286)
CMYK: cmyk(8% 8% 0% 2%)

浅色调 · 深色调 · 灰色调

浅色调

E8E8FB
EAEAFB
EDEDFC
EFEFFC
F2F2FD
F5F5FD
F7F7FE
FAFAFE
FCFCFF

深色调

C7C7D9
AAAABA
8E8E9B
72727D
585861
3F3F46
28282D
121215
030303

灰色调

DADAED
D0D0E0
C6C6D4
BBBBC8
B1B1BB
A7A7AF
9D9DA3
939397
8A8A8C

配色和谐

互补色 +180°

E5E5FA
Lavender Mist
E9E9D3
≈ Wishy-Washy Yellow

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.24:1 · APCA Lc 12

Fail

黑底

WCAG 16.91:1 · APCA Lc 92

AAA

最佳文字颜色: #000000

WCAG 16.91:1 (AAA) · APCA Lc 92

Contrast pairs

代码片段

CSS

:root {
  --lavender-mist: #e5e5fa;
  --lavender-mist-rgb: 229 229 250;
  --lavender-mist-oklch: oklch(0.928 0.028 285.8);
}

.element {
  color: var(--lavender-mist);
  background-color: hsl(240 68% 94%);
  border-color: oklch(0.928 0.028 285.8);
}

Tailwind CSS v4

@theme {
  --color-lavender-mist: #e5e5fa;
  --color-lavender-mist-50: #f4f4fd;
  --color-lavender-mist-100: #e7e7f1;
  --color-lavender-mist-200: #d3d3e0;
  --color-lavender-mist-300: #b6b5c6;
  --color-lavender-mist-400: #9c9caf;
  --color-lavender-mist-500: #848499;
  --color-lavender-mist-600: #707081;
  --color-lavender-mist-700: #595967;
  --color-lavender-mist-800: #41414c;
  --color-lavender-mist-900: #2d2d35;
  --color-lavender-mist-950: #1a1a20;
}

SCSS

$lavender-mist: #e5e5fa;
$lavender-mist-rgb: 229, 229, 250;
$lavender-mist-light: mix(#fff, $lavender-mist, 20%);
$lavender-mist-dark: mix(#000, $lavender-mist, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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