最接近的命名颜色 · #C9AAD5
#C9AAD5
最接近的命名颜色: Lilac Lace
#C9AAD5（rgb(201 170 213)、hsl(283 34% 75%)、oklch(0.779 0.069 316.5)）最接近命名颜色 Lilac Lace。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#C9AAD5
oklch(0.779 0.069 316.5)
颜色转换
- HEX
- #c9aad5
- RGB
- rgb(201 170 213)
- HSL
- hsl(283 34% 75%)
- HWB
- hwb(283 67% 16%)
- OKLCH
- oklch(0.779 0.069 316.5)
- OKLab
- oklab(0.779 0.05 -0.047)
- CIE Lab
- lab(73.45 17.41 -17.51)
- LCH
- lch(73.45 24.69 314.8)
- CMYK
- cmyk(6% 20% 0% 16%)
浅色调 · 深色调 · 灰色调
浅色调
- CEB2D9
- D4BBDE
- D9C3E2
- DFCCE6
- E4D4EA
- E9DDEE
- EFE5F3
- F4EEF7
- FAF6FB
深色调
- AE93B9
- 957D9E
- 7C6883
- 64536A
- 4C3F51
- 362D3A
- 221B24
- 0F0B10
- 020102
灰色调
- C1A6CC
- BAA2C4
- B39DBB
- AB99B2
- A495AA
- 9D91A1
- 958D99
- 8E8891
- 878488
配色和谐
互补色 +180°
- C9AAD5
Lilac Lace
- A3C296
≈ Heartland Frosty
类似色 -30° +30°
- C9AAD5
Lilac Lace
- B3B1E2
≈ Beloved
- D9A6C0
≈ Rhubarb Gin
三角配色 +120° +240°
- C9AAD5
Lilac Lace
- D1B286
≈ Light Oak
- 81C5C6
≈ Bay Mist
分裂互补色 +150° +210°
- C9AAD5
Lilac Lace
- BCBB87
≈ Slippery Moss
- 8CC6AD
≈ Hellion Green
四角配色 +90° +180° +270°
- C9AAD5
Lilac Lace
- DDAA92
≈ Arizona Dust
- A3C296
≈ Heartland Frosty
- 87C1D9
≈ Sky Babe
对比度与无障碍
Ag
Fail白底
WCAG 2.05:1 · APCA Lc 40
Ag
AAA黑底
WCAG 10.19:1 · APCA Lc 62
最佳文字颜色: #000000
WCAG 10.19:1 (AAA) · APCA Lc 62
Contrast pairs
代码片段
CSS
:root {
--lilac-lace: #c9aad5;
--lilac-lace-rgb: 201 170 213;
--lilac-lace-oklch: oklch(0.779 0.069 316.5);
}
.element {
color: var(--lilac-lace);
background-color: hsl(283 34% 75%);
border-color: oklch(0.779 0.069 316.5);
}Tailwind CSS v4
@theme {
--color-lilac-lace: #c9aad5;
--color-lilac-lace-50: #feefff;
--color-lilac-lace-100: #f2e1f7;
--color-lilac-lace-200: #e1cbe8;
--color-lilac-lace-300: #c7adce;
--color-lilac-lace-400: #af92ba;
--color-lilac-lace-500: #9978a5;
--color-lilac-lace-600: #81668b;
--color-lilac-lace-700: #675170;
--color-lilac-lace-800: #4b3b53;
--color-lilac-lace-900: #34293a;
--color-lilac-lace-950: #201624;
}SCSS
$lilac-lace: #c9aad5;
$lilac-lace-rgb: 201, 170, 213;
$lilac-lace-light: mix(#fff, $lilac-lace, 20%);
$lilac-lace-dark: mix(#000, $lilac-lace, 20%);
.element {
color: $lilac-lace;
box-shadow: 0 0 0 2px rgba($lilac-lace, 0.35);
}