命名颜色 · #C0C6D2
French Silk
French Silk 即 #C0C6D2：rgb(192 198 210)、hsl(220 17% 79%)、oklch(0.826 0.018 264.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · French Silk color name →
#C0C6D2
oklch(0.826 0.018 264.5)
颜色转换
- HEX
- #c0c6d2
- RGB
- rgb(192 198 210)
- HSL
- hsl(220 17% 79%)
- HWB
- hwb(220 75% 18%)
- OKLCH
- oklch(0.826 0.018 264.5)
- OKLab
- oklab(0.826 -0.002 -0.018)
- CIE Lab
- lab(79.68 -0.4 -6.77)
- LCH
- lch(79.68 6.78 266.6)
- CMYK
- cmyk(9% 6% 0% 18%)
浅色调 · 深色调 · 灰色调
浅色调
- C6CCD6
- CCD1DB
- D3D7DF
- D9DCE4
- DFE2E8
- E5E8ED
- ECEEF1
- F2F3F6
- F9F9FA
深色调
- A7ACB6
- 8E929B
- 767A81
- 5F6268
- 494B50
- 343539
- 202124
- 0E0E10
- 020202
灰色调
- B9BFC9
- B3B8C1
- ACB0B9
- A6A9B0
- 9FA2A8
- 999BA0
- 939498
- 8C8E90
- 868788
配色和谐
互补色 +180°
- C0C6D2
French Silk
- CBC5B9
≈ Ghosting
类似色 -30° +30°
- C0C6D2
French Silk
- BBC8D0
≈ Salvaged Silk
- C6C4D1
≈ Kiri Mist
三角配色 +120° +240°
- C0C6D2
French Silk
- D1C2C0
≈ Wishy-Washy Brown
- BFC9BF
≈ Mountain Falls
分裂互补色 +150° +210°
- C0C6D2
French Silk
- D0C3BB
≈ Old Eggshell
- C5C7BA
≈ Silent Storm
四角配色 +90° +180° +270°
- C0C6D2
French Silk
- D0C1C6
≈ Ancestral
- CBC5B9
≈ Ghosting
- BBCAC5
≈ Take a Hike
对比度与无障碍
Ag
Fail白底
WCAG 1.71:1 · APCA Lc 31
Ag
AAA黑底
WCAG 12.24:1 · APCA Lc 72
最佳文字颜色: #000000
WCAG 12.24:1 (AAA) · APCA Lc 72
Contrast pairs
代码片段
CSS
:root {
--french-silk: #c0c6d2;
--french-silk-rgb: 192 198 210;
--french-silk-oklch: oklch(0.826 0.018 264.5);
}
.element {
color: var(--french-silk);
background-color: hsl(220 17% 79%);
border-color: oklch(0.826 0.018 264.5);
}Tailwind CSS v4
@theme {
--color-french-silk: #c0c6d2;
--color-french-silk-50: #f3f5fa;
--color-french-silk-100: #e5e8ee;
--color-french-silk-200: #d1d4dc;
--color-french-silk-300: #b3b7c1;
--color-french-silk-400: #999fa9;
--color-french-silk-500: #808693;
--color-french-silk-600: #6d727c;
--color-french-silk-700: #575b63;
--color-french-silk-800: #3f4249;
--color-french-silk-900: #2b2e32;
--color-french-silk-950: #191b1e;
}SCSS
$french-silk: #c0c6d2;
$french-silk-rgb: 192, 198, 210;
$french-silk-light: mix(#fff, $french-silk, 20%);
$french-silk-dark: mix(#000, $french-silk, 20%);
.element {
color: $french-silk;
box-shadow: 0 0 0 2px rgba($french-silk, 0.35);
}