命名颜色 · #E0D8DF
Little Lilac
Little Lilac 即 #E0D8DF：rgb(224 216 223)、hsl(308 11% 86%)、oklch(0.891 0.013 329.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Little Lilac color name →
#E0D8DF
oklch(0.891 0.013 329.6)
颜色转换
- HEX
- #e0d8df
- RGB
- rgb(224 216 223)
- HSL
- hsl(308 11% 86%)
- HWB
- hwb(308 85% 12%)
- OKLCH
- oklch(0.891 0.013 329.6)
- OKLab
- oklab(0.891 0.011 -0.006)
- CIE Lab
- lab(87.14 3.76 -2.43)
- LCH
- lch(87.14 4.47 327.2)
- CMYK
- cmyk(0% 4% 0% 12%)
浅色调 · 深色调 · 灰色调
浅色调
- E3DCE2
- E6E0E5
- E9E4E9
- ECE7EC
- EFEBEF
- F3EFF2
- F6F3F5
- F9F7F9
- FCFBFC
深色调
- C3BCC2
- A6A0A5
- 8A858A
- 706B6F
- 565356
- 3E3B3D
- 272527
- 121112
- 020202
灰色调
- D6CFD5
- CCC6CB
- C2BDC2
- B8B4B8
- AFABAE
- A5A2A5
- 9C9A9B
- 929192
- 898889
配色和谐
互补色 +180°
- E0D8DF
Little Lilac
- D5DDD6
≈ Periwinkle Tint
类似色 -30° +30°
- E0D8DF
Little Lilac
- DCD9E2
≈ Misty Lavender
- E3D8DA
≈ Forgotten Mosque
三角配色 +120° +240°
- E0D8DF
Little Lilac
- DEDBD2
≈ Empire Porcelain
- D2DDDF
≈ Blue Nuance
分裂互补色 +150° +210°
- E0D8DF
Little Lilac
- DADCD3
≈ Anonymous
- D2DEDB
≈ Sweet Slumber
四角配色 +90° +180° +270°
- E0D8DF
Little Lilac
- E2D9D3
≈ Angel’s Sigh
- D5DDD6
≈ Periwinkle Tint
- D4DCE3
≈ A Dime a Dozen
对比度与无障碍
Ag
Fail白底
WCAG 1.39:1 · APCA Lc 19
Ag
AAA黑底
WCAG 15.05:1 · APCA Lc 84
最佳文字颜色: #000000
WCAG 15.05:1 (AAA) · APCA Lc 84
Contrast pairs
代码片段
CSS
:root {
--little-lilac: #e0d8df;
--little-lilac-rgb: 224 216 223;
--little-lilac-oklch: oklch(0.891 0.013 329.6);
}
.element {
color: var(--little-lilac);
background-color: hsl(308 11% 86%);
border-color: oklch(0.891 0.013 329.6);
}Tailwind CSS v4
@theme {
--color-little-lilac: #e0d8df;
--color-little-lilac-50: #f7f4f7;
--color-little-lilac-100: #eae6ea;
--color-little-lilac-200: #d8d2d7;
--color-little-lilac-300: #bbb5ba;
--color-little-lilac-400: #a39ca2;
--color-little-lilac-500: #8b838a;
--color-little-lilac-600: #766f75;
--color-little-lilac-700: #5e595e;
--color-little-lilac-800: #454145;
--color-little-lilac-900: #302d2f;
--color-little-lilac-950: #1c1a1c;
}SCSS
$little-lilac: #e0d8df;
$little-lilac-rgb: 224, 216, 223;
$little-lilac-light: mix(#fff, $little-lilac, 20%);
$little-lilac-dark: mix(#000, $little-lilac, 20%);
.element {
color: $little-lilac;
box-shadow: 0 0 0 2px rgba($little-lilac, 0.35);
}