Màu có tên · #FDC8CD
Sweet Memories
Sweet Memories là #FDC8CD: rgb(253 200 205), hsl(354 93% 89%), oklch(0.881 0.061 12). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Pink mean? → · Sweet Memories color name →
#FDC8CD
oklch(0.881 0.061 12)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FECED2
- FED3D7
- FED9DC
- FFDEE1
- FFE4E6
- FFE9EB
- FFEFF0
- FFF4F5
- FFF9FA
Sắc đậm
- DCAEB2
- BC9498
- 9D7B7E
- 7F6366
- 624C4E
- 473638
- 2D2123
- 160F0F
- 030202
Sắc xám
- F0C1C5
- E3B9BD
- D6B2B5
- CAABAD
- BDA4A6
- B19C9E
- A49596
- 988E8F
- 8C8787
Hòa sắc
Bổ túc +180°
- FDC8CD
Sweet Memories
- A9E5E2
≈ Silent Ripple
Tương đồng -30° +30°
- FDC8CD
Sweet Memories
- F5C9E3
≈ Laelia Pink
- FCCBB9
≈ Ending Dawn
Bộ ba +120° +240°
- FDC8CD
Sweet Memories
- C9E1B8
≈ Rockwood Jade
- BCDBFF
≈ Broad Daylight
Bổ túc chia +150° +210°
- FDC8CD
Sweet Memories
- B5E5CC
≈ Beach Blanket
- ACE1F5
≈ Azure Sky
Bộ bốn +90° +180° +270°
- FDC8CD
Sweet Memories
- DFDAAC
≈ Fresh Willow
- A9E5E2
≈ Silent Ripple
- D1D4FF
≈ Pale Phthalo Blue
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.46:1 · APCA Lc 22
Ag
AAATrên nền đen
WCAG 14.31:1 · APCA Lc 81
Màu chữ tốt nhất: #000000
WCAG 14.31:1 (AAA) · APCA Lc 81
Contrast pairs
Đoạn mã
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);
}