命名颜色 · #D5C7E8
Foggy Love
Foggy Love 即 #D5C7E8：rgb(213 199 232)、hsl(265 42% 85%)、oklch(0.851 0.048 304.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Purple mean? → · Foggy Love color name →
#D5C7E8
oklch(0.851 0.048 304.6)
颜色转换
- HEX
- #d5c7e8
- RGB
- rgb(213 199 232)
- HSL
- hsl(265 42% 85%)
- HWB
- hwb(265 78% 9%)
- OKLCH
- oklch(0.851 0.048 304.6)
- OKLab
- oklab(0.851 0.027 -0.039)
- CIE Lab
- lab(82.18 9.63 -14.57)
- LCH
- lch(82.18 17.46 303.5)
- CMYK
- cmyk(8% 14% 0% 9%)
浅色调 · 深色调 · 灰色调
浅色调
- D9CDEA
- DDD2ED
- E1D8EF
- E6DDF1
- EAE3F4
- EEE8F6
- F2EEF8
- F6F4FB
- FBF9FD
深色调
- B9ADCA
- 9E93AC
- 837A90
- 6A6274
- 514C59
- 3A3640
- 242129
- 100E13
- 020203
灰色调
- CCC0DD
- C3B8D2
- BBB1C8
- B2AABD
- AAA3B3
- A19CA8
- 99959E
- 908E94
- 88878A
配色和谐
互补色 +180°
- D5C7E8
Foggy Love
- C7D4B2
≈ Hidden Hills
类似色 -30° +30°
- D5C7E8
Foggy Love
- C4CDEE
≈ Ace
- E3C3DB
≈ Dog Rose
三角配色 +120° +240°
- D5C7E8
Foggy Love
- E5C8AE
≈ Mesquite Powder
- ACD9D2
≈ Scandal
分裂互补色 +150° +210°
- D5C7E8
Foggy Love
- D8CEAC
≈ Lovely Linen
- B7D8C1
≈ Reclining Green
四角配色 +90° +180° +270°
- D5C7E8
Foggy Love
- ECC4BA
≈ Peach Ash
- C7D4B2
≈ Hidden Hills
- ACD7E2
≈ Araucana Egg
对比度与无障碍
Ag
Fail白底
WCAG 1.59:1 · APCA Lc 27
Ag
AAA黑底
WCAG 13.16:1 · APCA Lc 76
最佳文字颜色: #000000
WCAG 13.16:1 (AAA) · APCA Lc 76
Contrast pairs
代码片段
CSS
:root {
--foggy-love: #d5c7e8;
--foggy-love-rgb: 213 199 232;
--foggy-love-oklch: oklch(0.851 0.048 304.6);
}
.element {
color: var(--foggy-love);
background-color: hsl(265 42% 85%);
border-color: oklch(0.851 0.048 304.6);
}Tailwind CSS v4
@theme {
--color-foggy-love: #d5c7e8;
--color-foggy-love-50: #f8f2ff;
--color-foggy-love-100: #ece4f5;
--color-foggy-love-200: #d9cfe5;
--color-foggy-love-300: #bdb1cb;
--color-foggy-love-400: #a598b6;
--color-foggy-love-500: #8d7fa0;
--color-foggy-love-600: #776b87;
--color-foggy-love-700: #60566c;
--color-foggy-love-800: #453f50;
--color-foggy-love-900: #302b38;
--color-foggy-love-950: #1c1822;
}SCSS
$foggy-love: #d5c7e8;
$foggy-love-rgb: 213, 199, 232;
$foggy-love-light: mix(#fff, $foggy-love, 20%);
$foggy-love-dark: mix(#000, $foggy-love, 20%);
.element {
color: $foggy-love;
box-shadow: 0 0 0 2px rgba($foggy-love, 0.35);
}