命名颜色 · #FDC8CD
Sweet Memories
Sweet Memories 即 #FDC8CD：rgb(253 200 205)、hsl(354 93% 89%)、oklch(0.881 0.061 12)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Pink mean? → · Sweet Memories color name →
#FDC8CD
oklch(0.881 0.061 12)
颜色转换
- HEX
- #fdc8cd
- RGB
- rgb(253 200 205)
- HSL
- hsl(354 93% 89%)
- HWB
- hwb(354 78% 1%)
- OKLCH
- oklch(0.881 0.061 12)
- OKLab
- oklab(0.881 0.059 0.013)
- CIE Lab
- lab(85.48 19.95 5.09)
- LCH
- lch(85.48 20.59 14.3)
- CMYK
- cmyk(0% 21% 19% 1%)
浅色调 · 深色调 · 灰色调
浅色调
- FECED2
- FED3D7
- FED9DC
- FFDEE1
- FFE4E6
- FFE9EB
- FFEFF0
- FFF4F5
- FFF9FA
深色调
- DCAEB2
- BC9498
- 9D7B7E
- 7F6366
- 624C4E
- 473638
- 2D2123
- 160F0F
- 030202
灰色调
- F0C1C5
- E3B9BD
- D6B2B5
- CAABAD
- BDA4A6
- B19C9E
- A49596
- 988E8F
- 8C8787
配色和谐
互补色 +180°
- FDC8CD
Sweet Memories
- A9E5E2
≈ Silent Ripple
类似色 -30° +30°
- FDC8CD
Sweet Memories
- F5C9E3
≈ Laelia Pink
- FCCBB9
≈ Ending Dawn
三角配色 +120° +240°
- FDC8CD
Sweet Memories
- C9E1B8
≈ Rockwood Jade
- BCDBFF
≈ Broad Daylight
分裂互补色 +150° +210°
- FDC8CD
Sweet Memories
- B5E5CC
≈ Beach Blanket
- ACE1F5
≈ Azure Sky
四角配色 +90° +180° +270°
- FDC8CD
Sweet Memories
- DFDAAC
≈ Fresh Willow
- A9E5E2
≈ Silent Ripple
- D1D4FF
≈ Pale Phthalo Blue
对比度与无障碍
Ag
Fail白底
WCAG 1.46:1 · APCA Lc 22
Ag
AAA黑底
WCAG 14.31:1 · APCA Lc 81
最佳文字颜色: #000000
WCAG 14.31:1 (AAA) · APCA Lc 81
Contrast pairs
代码片段
CSS
:root {
--sweet-memories: #fdc8cd;
--sweet-memories-rgb: 253 200 205;
--sweet-memories-oklch: oklch(0.881 0.061 12);
}
.element {
color: var(--sweet-memories);
background-color: hsl(354 93% 89%);
border-color: oklch(0.881 0.061 12);
}Tailwind CSS v4
@theme {
--color-sweet-memories: #fdc8cd;
--color-sweet-memories-50: #ffeff0;
--color-sweet-memories-100: #fce0e2;
--color-sweet-memories-200: #edcacc;
--color-sweet-memories-300: #d5abae;
--color-sweet-memories-400: #bf9095;
--color-sweet-memories-500: #aa767b;
--color-sweet-memories-600: #906468;
--color-sweet-memories-700: #735053;
--color-sweet-memories-800: #553a3d;
--color-sweet-memories-900: #3b282a;
--color-sweet-memories-950: #251618;
}SCSS
$sweet-memories: #fdc8cd;
$sweet-memories-rgb: 253, 200, 205;
$sweet-memories-light: mix(#fff, $sweet-memories, 20%);
$sweet-memories-dark: mix(#000, $sweet-memories, 20%);
.element {
color: $sweet-memories;
box-shadow: 0 0 0 2px rgba($sweet-memories, 0.35);
}