最接近的命名颜色 · #D9C5E4
#D9C5E4
最接近的命名颜色: Girl Crush
#D9C5E4（rgb(217 197 228)、hsl(279 36% 83%)、oklch(0.85 0.048 313.7)）最接近命名颜色 Girl Crush。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#D9C5E4
oklch(0.85 0.048 313.7)
颜色转换
- HEX
- #d9c5e4
- RGB
- rgb(217 197 228)
- HSL
- hsl(279 36% 83%)
- HWB
- hwb(279 77% 11%)
- OKLCH
- oklch(0.85 0.048 313.7)
- OKLab
- oklab(0.85 0.033 -0.034)
- CIE Lab
- lab(81.93 11.43 -12.78)
- LCH
- lch(81.93 17.14 311.8)
- CMYK
- cmyk(5% 14% 0% 11%)
浅色调 · 深色调 · 灰色调
浅色调
- DDCBE7
- E1D0E9
- E4D6EC
- E8DCEF
- ECE2F2
- F0E8F4
- F4EDF7
- F7F3FA
- FBF9FC
深色调
- BCABC6
- A192A9
- 86798D
- 6C6172
- 534B58
- 3B353F
- 252128
- 110E12
- 020203
灰色调
- D0BEDA
- C7B7CF
- BDB0C5
- B4A9BB
- ABA2B1
- A39BA7
- 9A949D
- 918D93
- 89878A
配色和谐
互补色 +180°
- D9C5E4
Girl Crush
- C1D5B6
≈ Nature
类似色 -30° +30°
- D9C5E4
Girl Crush
- C9CAEC
≈ Miami White
- E5C2D5
≈ Dog Rose
三角配色 +120° +240°
- D9C5E4
Girl Crush
- E1CAAC
≈ Marshmallow Mist
- AAD8D6
≈ Sugar Pool
分裂互补色 +150° +210°
- D9C5E4
Girl Crush
- D2D0AC
≈ Crystal Palace
- B2D8C5
≈ Mint Gala
四角配色 +90° +180° +270°
- D9C5E4
Girl Crush
- EAC4B5
≈ Fatty Sashimi
- C1D5B6
≈ Nature
- ADD5E5
≈ Longitude
对比度与无障碍
Ag
Fail白底
WCAG 1.60:1 · APCA Lc 27
Ag
AAA黑底
WCAG 13.05:1 · APCA Lc 76
最佳文字颜色: #000000
WCAG 13.05:1 (AAA) · APCA Lc 76
Contrast pairs
代码片段
CSS
:root {
--girl-crush: #d9c5e4;
--girl-crush-rgb: 217 197 228;
--girl-crush-oklch: oklch(0.85 0.048 313.7);
}
.element {
color: var(--girl-crush);
background-color: hsl(279 36% 83%);
border-color: oklch(0.85 0.048 313.7);
}Tailwind CSS v4
@theme {
--color-girl-crush: #d9c5e4;
--color-girl-crush-50: #fbf1ff;
--color-girl-crush-100: #eee3f3;
--color-girl-crush-200: #dccee2;
--color-girl-crush-300: #c1b0c8;
--color-girl-crush-400: #a997b3;
--color-girl-crush-500: #927d9d;
--color-girl-crush-600: #7b6a84;
--color-girl-crush-700: #63556a;
--color-girl-crush-800: #483e4f;
--color-girl-crush-900: #322b37;
--color-girl-crush-950: #1e1822;
}SCSS
$girl-crush: #d9c5e4;
$girl-crush-rgb: 217, 197, 228;
$girl-crush-light: mix(#fff, $girl-crush, 20%);
$girl-crush-dark: mix(#000, $girl-crush, 20%);
.element {
color: $girl-crush;
box-shadow: 0 0 0 2px rgba($girl-crush, 0.35);
}