命名颜色 · #D0C8E6
Italian Fitch
Italian Fitch 即 #D0C8E6：rgb(208 200 230)、hsl(256 38% 84%)、oklch(0.849 0.042 297.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Purple mean? → · Italian Fitch color name →
#D0C8E6
oklch(0.849 0.042 297.7)
颜色转换
- HEX
- #d0c8e6
- RGB
- rgb(208 200 230)
- HSL
- hsl(256 38% 84%)
- HWB
- hwb(256 78% 10%)
- OKLCH
- oklch(0.849 0.042 297.7)
- OKLab
- oklab(0.849 0.02 -0.037)
- CIE Lab
- lab(81.97 7.12 -13.88)
- LCH
- lch(81.97 15.6 297.1)
- CMYK
- cmyk(10% 13% 0% 10%)
浅色调 · 深色调 · 灰色调
浅色调
- D5CDE9
- D9D3EB
- DED8EE
- E3DEF0
- E7E3F3
- ECE9F5
- F1EEF8
- F5F4FA
- FAF9FD
深色调
- B5AEC8
- 9A94AB
- 807B8E
- 676373
- 4F4C59
- 393640
- 232128
- 100F13
- 020203
灰色调
- C8C1DB
- BFB9D1
- B7B2C6
- AFABBC
- A7A3B2
- 9F9CA8
- 97959E
- 8F8E94
- 88878A
配色和谐
互补色 +180°
- D0C8E6
Italian Fitch
- CBD1B3
≈ Meadow Glen
类似色 -30° +30°
- D0C8E6
Italian Fitch
- C1CDEA
≈ Periwinkle Grey
- DDC4DC
≈ Simply Lavender
三角配色 +120° +240°
- D0C8E6
Italian Fitch
- E3C7B3
≈ Novelle Peach
- B1D7CD
≈ Gemini
分裂互补色 +150° +210°
- D0C8E6
Italian Fitch
- D9CCAF
≈ Soft Suede
- BCD5BE
≈ Surf
四角配色 +90° +180° +270°
- D0C8E6
Italian Fitch
- E8C4BE
≈ Congo
- CBD1B3
≈ Meadow Glen
- AED6DC
≈ Light Jellyfish Blue
对比度与无障碍
Ag
Fail白底
WCAG 1.60:1 · APCA Lc 27
Ag
AAA黑底
WCAG 13.08:1 · APCA Lc 76
最佳文字颜色: #000000
WCAG 13.08:1 (AAA) · APCA Lc 76
Contrast pairs
代码片段
CSS
:root {
--italian-fitch: #d0c8e6;
--italian-fitch-rgb: 208 200 230;
--italian-fitch-oklch: oklch(0.849 0.042 297.7);
}
.element {
color: var(--italian-fitch);
background-color: hsl(256 38% 84%);
border-color: oklch(0.849 0.042 297.7);
}Tailwind CSS v4
@theme {
--color-italian-fitch: #d0c8e6;
--color-italian-fitch-50: #f7f3ff;
--color-italian-fitch-100: #eae5f4;
--color-italian-fitch-200: #d7d1e4;
--color-italian-fitch-300: #bab3ca;
--color-italian-fitch-400: #a19ab5;
--color-italian-fitch-500: #89819f;
--color-italian-fitch-600: #746d86;
--color-italian-fitch-700: #5d576c;
--color-italian-fitch-800: #434050;
--color-italian-fitch-900: #2e2c37;
--color-italian-fitch-950: #1b1922;
}SCSS
$italian-fitch: #d0c8e6;
$italian-fitch-rgb: 208, 200, 230;
$italian-fitch-light: mix(#fff, $italian-fitch, 20%);
$italian-fitch-dark: mix(#000, $italian-fitch, 20%);
.element {
color: $italian-fitch;
box-shadow: 0 0 0 2px rgba($italian-fitch, 0.35);
}