命名颜色 · #FCE6DB
Slightly in Love
Slightly in Love 即 #FCE6DB：rgb(252 230 219)、hsl(20 85% 92%)、oklch(0.94 0.028 48.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Slightly in Love color name →
#FCE6DB
oklch(0.94 0.028 48.4)
颜色转换
- HEX
- #fce6db
- RGB
- rgb(252 230 219)
- HSL
- hsl(20 85% 92%)
- HWB
- hwb(20 86% 1%)
- OKLCH
- oklch(0.94 0.028 48.4)
- OKLab
- oklab(0.94 0.019 0.021)
- CIE Lab
- lab(92.87 6.45 8.24)
- LCH
- lch(92.87 10.47 52)
- CMYK
- cmyk(0% 9% 13% 1%)
浅色调 · 深色调 · 灰色调
浅色调
- FCE9DF
- FDEBE2
- FDEEE6
- FDF0E9
- FEF2ED
- FEF5F1
- FEF7F4
- FFFAF8
- FFFCFB
深色调
- DBC8BE
- BBABA2
- 9C8E87
- 7E736D
- 625954
- 47403C
- 2D2826
- 161311
- 030302
灰色调
- EFDBD2
- E2D1C8
- D5C6BF
- C9BCB6
- BCB2AC
- B0A8A3
- A49D9A
- 989492
- 8C8A89
配色和谐
互补色 +180°
- FCE6DB
Slightly in Love
- D9EFFA
≈ Ice Castle
类似色 -30° +30°
- FCE6DB
Slightly in Love
- FEE4E4
≈ Misty Rose
- F6E9D6
≈ Mimosa
三角配色 +120° +240°
- FCE6DB
Slightly in Love
- DAF2E8
≈ Minted Ice
- EAE9FE
≈ Glitter
分裂互补色 +150° +210°
- FCE6DB
Slightly in Love
- D6F1F2
≈ Let It Snow
- E0ECFF
≈ Calcareous Sinter
四角配色 +90° +180° +270°
- FCE6DB
Slightly in Love
- E2F0DE
≈ Soft Focus
- D9EFFA
≈ Ice Castle
- F3E5F8
≈ Minute Mauve
对比度与无障碍
Ag
Fail白底
WCAG 1.20:1 · APCA Lc 10
Ag
AAA黑底
WCAG 17.48:1 · APCA Lc 94
最佳文字颜色: #000000
WCAG 17.48:1 (AAA) · APCA Lc 94
Contrast pairs
代码片段
CSS
:root {
--slightly-in-love: #fce6db;
--slightly-in-love-rgb: 252 230 219;
--slightly-in-love-oklch: oklch(0.94 0.028 48.4);
}
.element {
color: var(--slightly-in-love);
background-color: hsl(20 85% 92%);
border-color: oklch(0.94 0.028 48.4);
}Tailwind CSS v4
@theme {
--color-slightly-in-love: #fce6db;
--color-slightly-in-love-50: #fcf3ee;
--color-slightly-in-love-100: #f0e5e0;
--color-slightly-in-love-200: #dfd1ca;
--color-slightly-in-love-300: #c4b4ab;
--color-slightly-in-love-400: #ad9a90;
--color-slightly-in-love-500: #978176;
--color-slightly-in-love-600: #7f6d64;
--color-slightly-in-love-700: #665750;
--color-slightly-in-love-800: #4b403a;
--color-slightly-in-love-900: #342c28;
--color-slightly-in-love-950: #201916;
}SCSS
$slightly-in-love: #fce6db;
$slightly-in-love-rgb: 252, 230, 219;
$slightly-in-love-light: mix(#fff, $slightly-in-love, 20%);
$slightly-in-love-dark: mix(#000, $slightly-in-love, 20%);
.element {
color: $slightly-in-love;
box-shadow: 0 0 0 2px rgba($slightly-in-love, 0.35);
}