命名颜色 · #DAD4E4

Light Angel Kiss

Light Angel Kiss 即 #DAD4E4：rgb(218 212 228)、hsl(262 23% 86%)、oklch(0.879 0.023 302.9)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Light Angel Kiss color name →

#DAD4E4

oklch(0.879 0.023 302.9)

颜色转换

HEX: #dad4e4
RGB: rgb(218 212 228)
HSL: hsl(262 23% 86%)
HWB: hwb(262 83% 11%)
OKLCH: oklch(0.879 0.023 302.9)
OKLab: oklab(0.879 0.012 -0.019)
CIE Lab: lab(85.76 4.32 -7.13)
LCH: lch(85.76 8.34 301.2)
CMYK: cmyk(4% 7% 0% 11%)

浅色调 · 深色调 · 灰色调

浅色调

DED8E7
E1DCE9
E5E1EC
E9E5EF
ECE9F1
F0EEF4
F4F2F7
F8F6FA
FBFBFC

深色调

BDB8C6
A29DA9
87838D
6C6972
545158
3C3A3F
252428
111012
020203

灰色调

D1CBDA
C7C3CF
BEBAC5
B5B1BB
ACA9B1
A3A1A7
9A989D
919093
89888A

配色和谐

互补色 +180°

DAD4E4
Light Angel Kiss
D4DACA
≈ Ottoman

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.44:1 · APCA Lc 21

Fail

黑底

WCAG 14.51:1 · APCA Lc 82

AAA

最佳文字颜色: #000000

WCAG 14.51:1 (AAA) · APCA Lc 82

Contrast pairs

代码片段

CSS

:root {
  --light-angel-kiss: #dad4e4;
  --light-angel-kiss-rgb: 218 212 228;
  --light-angel-kiss-oklch: oklch(0.879 0.023 302.9);
}

.element {
  color: var(--light-angel-kiss);
  background-color: hsl(262 23% 86%);
  border-color: oklch(0.879 0.023 302.9);
}

Tailwind CSS v4

@theme {
  --color-light-angel-kiss: #dad4e4;
  --color-light-angel-kiss-50: #f6f4fa;
  --color-light-angel-kiss-100: #e9e6ee;
  --color-light-angel-kiss-200: #d6d2dc;
  --color-light-angel-kiss-300: #bab5c1;
  --color-light-angel-kiss-400: #a19baa;
  --color-light-angel-kiss-500: #898393;
  --color-light-angel-kiss-600: #746f7c;
  --color-light-angel-kiss-700: #5d5963;
  --color-light-angel-kiss-800: #444149;
  --color-light-angel-kiss-900: #2f2d33;
  --color-light-angel-kiss-950: #1b1a1e;
}

SCSS

$light-angel-kiss: #dad4e4;
$light-angel-kiss-rgb: 218, 212, 228;
$light-angel-kiss-light: mix(#fff, $light-angel-kiss, 20%);
$light-angel-kiss-dark: mix(#000, $light-angel-kiss, 20%);

.element {
  color: $light-angel-kiss;
  box-shadow: 0 0 0 2px rgba($light-angel-kiss, 0.35);
}

相近的命名颜色

Palettes with similar colors

在工具中打开

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