Màu có tên · #FFDDF4
Silky Pink
Silky Pink là #FFDDF4: rgb(255 221 244), hsl(319 100% 93%), oklch(0.932 0.048 337.8). 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? → · Silky Pink color name →
#FFDDF4
oklch(0.932 0.048 337.8)
Chuyển đổi màu
- HEX
- #ffddf4
- RGB
- rgb(255 221 244)
- HSL
- hsl(319 100% 93%)
- HWB
- hwb(319 87% 0%)
- OKLCH
- oklch(0.932 0.048 337.8)
- OKLab
- oklab(0.932 0.044 -0.018)
- CIE Lab
- lab(91.49 14.95 -6.68)
- LCH
- lch(91.49 16.38 335.9)
- CMYK
- cmyk(0% 13% 4% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FFE0F5
- FFE4F6
- FFE7F7
- FFEBF8
- FFEEFA
- FFF1FB
- FFF5FC
- FFF8FD
- FFFCFE
Sắc đậm
- DEC0D4
- BEA4B5
- 9E8897
- 806E7A
- 63555E
- 483D44
- 2E262B
- 161114
- 030203
Sắc xám
- F2D3E8
- E5CADC
- D7C0D0
- CBB7C4
- BEADB8
- B1A4AD
- A59BA1
- 989296
- 8C898B
Hòa sắc
Bổ túc +180°
- FFDDF4
Silky Pink
- CFF3DD
≈ Fennel Tea
Tương đồng -30° +30°
- FFDDF4
Silky Pink
- F0E2FF
≈ Lavender Savour
- FFDFE4
≈ Pink Pleasure
Bộ ba +120° +240°
- FFDDF4
Silky Pink
- F1EAC6
≈ Natural Light
- C6F1FE
≈ Heaven’s Gate
Bổ túc chia +150° +210°
- FFDDF4
Silky Pink
- DFEFCD
≈ Tzatziki Green
- C5F4EE
≈ Shallow End
Bộ bốn +90° +180° +270°
- FFDDF4
Silky Pink
- FFE3C7
≈ Wild Maple
- CFF3DD
≈ Fennel Tea
- D7EBFF
≈ Cloudless
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.24:1 · APCA Lc 12
Ag
AAATrên nền đen
WCAG 16.90:1 · APCA Lc 92
Màu chữ tốt nhất: #000000
WCAG 16.90:1 (AAA) · APCA Lc 92
Contrast pairs
Đoạn mã
CSS
:root {
--silky-pink: #ffddf4;
--silky-pink-rgb: 255 221 244;
--silky-pink-oklch: oklch(0.932 0.048 337.8);
}
.element {
color: var(--silky-pink);
background-color: hsl(319 100% 93%);
border-color: oklch(0.932 0.048 337.8);
}Tailwind CSS v4
@theme {
--color-silky-pink: #ffddf4;
--color-silky-pink-50: #fff0f9;
--color-silky-pink-100: #f4e2ed;
--color-silky-pink-200: #e3cddb;
--color-silky-pink-300: #c9aebf;
--color-silky-pink-400: #b294a8;
--color-silky-pink-500: #9c7a91;
--color-silky-pink-600: #84687b;
--color-silky-pink-700: #695362;
--color-silky-pink-800: #4d3c49;
--color-silky-pink-900: #362932;
--color-silky-pink-950: #21171e;
}SCSS
$silky-pink: #ffddf4;
$silky-pink-rgb: 255, 221, 244;
$silky-pink-light: mix(#fff, $silky-pink, 20%);
$silky-pink-dark: mix(#000, $silky-pink, 20%);
.element {
color: $silky-pink;
box-shadow: 0 0 0 2px rgba($silky-pink, 0.35);
}