أقرب لون مسمّى · #FBE1DB
#FBE1DB
أقرب لون مسمّى: Pink Parfait
#FBE1DB (rgb(251 225 219)، hsl(11 80% 92%)، oklch(0.929 0.03 33.1)) أقرب إلى اللون المسمّى Pink Parfait. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#FBE1DB
oklch(0.929 0.03 33.1)
تحويلات الألوان
- HEX
- #fbe1db
- RGB
- rgb(251 225 219)
- HSL
- hsl(11 80% 92%)
- HWB
- hwb(11 86% 2%)
- OKLCH
- oklch(0.929 0.03 33.1)
- OKLab
- oklab(0.929 0.025 0.016)
- CIE Lab
- lab(91.57 8.51 6.37)
- LCH
- lch(91.57 10.63 36.8)
- CMYK
- cmyk(0% 10% 13% 2%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FBE4DF
- FCE7E2
- FCEAE6
- FDEDE9
- FDF0ED
- FEF3F1
- FEF6F4
- FEF9F8
- FFFCFB
درجات داكنة
- DAC4BE
- BAA7A2
- 9C8B87
- 7E706D
- 615654
- 463E3C
- 2D2726
- 151211
- 030202
درجات رمادية
- EED7D2
- E1CDC8
- D5C3BF
- C8B9B6
- BCAFAC
- B0A6A3
- A39C9A
- 979391
- 8C8989
تناسق الألوان
متمم +180°
- FBE1DB
Pink Parfait
- D2EDF4
≈ Sparkling River
متجاور -30° +30°
- FBE1DB
Pink Parfait
- FAE0E5
≈ Cake Frosting
- F7E4D4
≈ Breakfast Biscuit
ثلاثي +120° +240°
- FBE1DB
Pink Parfait
- D9EEDE
≈ Pondscape
- E1E7FC
≈ Lavender Mist
متمم منقسم +150° +210°
- FBE1DB
Pink Parfait
- D3EFE9
≈ Teal Ice
- D7EBFB
≈ Cloudless
رباعي +90° +180° +270°
- FBE1DB
Pink Parfait
- E4EBD6
≈ Enlightened Lime
- D2EDF4
≈ Sparkling River
- EBE3F9
≈ Lavender Mist
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.24:1 · APCA Lc 12
Ag
AAAعلى الأسود
WCAG 16.89:1 · APCA Lc 92
أفضل لون للنص: #000000
WCAG 16.89:1 (AAA) · APCA Lc 92
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--pink-parfait: #fbe1db;
--pink-parfait-rgb: 251 225 219;
--pink-parfait-oklch: oklch(0.929 0.03 33.1);
}
.element {
color: var(--pink-parfait);
background-color: hsl(11 80% 92%);
border-color: oklch(0.929 0.03 33.1);
}Tailwind CSS v4
@theme {
--color-pink-parfait: #fbe1db;
--color-pink-parfait-50: #fdf2ef;
--color-pink-parfait-100: #f2e5e1;
--color-pink-parfait-200: #e1d0cc;
--color-pink-parfait-300: #c6b2ad;
--color-pink-parfait-400: #af9893;
--color-pink-parfait-500: #997f7a;
--color-pink-parfait-600: #816c67;
--color-pink-parfait-700: #685652;
--color-pink-parfait-800: #4c3f3c;
--color-pink-parfait-900: #352b29;
--color-pink-parfait-950: #201817;
}SCSS
$pink-parfait: #fbe1db;
$pink-parfait-rgb: 251, 225, 219;
$pink-parfait-light: mix(#fff, $pink-parfait, 20%);
$pink-parfait-dark: mix(#000, $pink-parfait, 20%);
.element {
color: $pink-parfait;
box-shadow: 0 0 0 2px rgba($pink-parfait, 0.35);
}