命名颜色 · #C5ACD0
Meadow Thistle
Meadow Thistle 即 #C5ACD0：rgb(197 172 208)、hsl(282 28% 75%)、oklch(0.778 0.057 315.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Purple mean? → · Meadow Thistle color name →
#C5ACD0
oklch(0.778 0.057 315.5)
颜色转换
- HEX
- #c5acd0
- RGB
- rgb(197 172 208)
- HSL
- hsl(282 28% 75%)
- HWB
- hwb(282 67% 18%)
- OKLCH
- oklch(0.778 0.057 315.5)
- OKLab
- oklab(0.778 0.041 -0.04)
- CIE Lab
- lab(73.43 14.23 -14.86)
- LCH
- lch(73.43 20.57 313.8)
- CMYK
- cmyk(5% 17% 0% 18%)
浅色调 · 深色调 · 灰色调
浅色调
- CBB4D5
- D0BCD9
- D6C4DE
- DCCDE3
- E2D5E8
- E8DDEC
- EDE6F1
- F3EEF6
- F9F7FA
深色调
- AB95B5
- 927F9A
- 796980
- 615467
- 4B404F
- 352D39
- 211B23
- 0E0B10
- 020102
灰色调
- BEA8C8
- B7A3C0
- B09FB7
- A99AAF
- A296A7
- 9B919F
- 948D97
- 8D8990
- 878488
配色和谐
互补色 +180°
- C5ACD0
Meadow Thistle
- A7BF9B
≈ Rolling Glen
类似色 -30° +30°
- C5ACD0
Meadow Thistle
- B2B2DA
≈ Beloved
- D3A8BF
≈ Heart to Heart
三角配色 +120° +240°
- C5ACD0
Meadow Thistle
- CCB28E
≈ Tropical Tan
- 8BC3C2
≈ Cabana Bay
分裂互补色 +150° +210°
- C5ACD0
Meadow Thistle
- BBB98F
≈ Back to Nature
- 94C3AE
≈ Bella Green
四角配色 +90° +180° +270°
- C5ACD0
Meadow Thistle
- D7AC98
≈ Hayride
- A7BF9B
≈ Rolling Glen
- 90BFD3
≈ Speedboat
对比度与无障碍
Ag
Fail白底
WCAG 2.06:1 · APCA Lc 40
Ag
AAA黑底
WCAG 10.18:1 · APCA Lc 62
最佳文字颜色: #000000
WCAG 10.18:1 (AAA) · APCA Lc 62
Contrast pairs
代码片段
CSS
:root {
--meadow-thistle: #c5acd0;
--meadow-thistle-rgb: 197 172 208;
--meadow-thistle-oklch: oklch(0.778 0.057 315.5);
}
.element {
color: var(--meadow-thistle);
background-color: hsl(282 28% 75%);
border-color: oklch(0.778 0.057 315.5);
}Tailwind CSS v4
@theme {
--color-meadow-thistle: #c5acd0;
--color-meadow-thistle-50: #fcf0ff;
--color-meadow-thistle-100: #f0e2f5;
--color-meadow-thistle-200: #dfcde5;
--color-meadow-thistle-300: #c4afcb;
--color-meadow-thistle-400: #ac95b6;
--color-meadow-thistle-500: #957ba0;
--color-meadow-thistle-600: #7e6888;
--color-meadow-thistle-700: #65536d;
--color-meadow-thistle-800: #4a3d51;
--color-meadow-thistle-900: #332a38;
--color-meadow-thistle-950: #1f1723;
}SCSS
$meadow-thistle: #c5acd0;
$meadow-thistle-rgb: 197, 172, 208;
$meadow-thistle-light: mix(#fff, $meadow-thistle, 20%);
$meadow-thistle-dark: mix(#000, $meadow-thistle, 20%);
.element {
color: $meadow-thistle;
box-shadow: 0 0 0 2px rgba($meadow-thistle, 0.35);
}