لون مسمّى · #F4F1E4
Resort White
Resort White هو #F4F1E4: rgb(244 241 228)، hsl(49 42% 93%)، oklch(0.957 0.017 96.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Resort White color name →
#F4F1E4
oklch(0.957 0.017 96.1)
تحويلات الألوان
- HEX
- #f4f1e4
- RGB
- rgb(244 241 228)
- HSL
- hsl(49 42% 93%)
- HWB
- hwb(49 89% 4%)
- OKLCH
- oklch(0.957 0.017 96.1)
- OKLab
- oklab(0.957 -0.002 0.017)
- CIE Lab
- lab(95.11 -0.61 6.67)
- LCH
- lch(95.11 6.7 95.2)
- CMYK
- cmyk(0% 1% 7% 4%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F5F2E7
- F6F4E9
- F7F5EC
- F8F7EF
- F9F8F1
- FBF9F4
- FCFBF7
- FDFCFA
- FEFEFC
درجات داكنة
- D4D2C6
- B5B3A9
- 97958D
- 7A7972
- 5E5D58
- 44433F
- 2B2B28
- 141412
- 030303
درجات رمادية
- E8E5DA
- DCD9CF
- D0CEC5
- C4C2BB
- B8B7B1
- ADACA7
- A1A19D
- 969693
- 8B8B8A
تناسق الألوان
متمم +180°
- F4F1E4
Resort White
- EDF0FD
≈ Carte Blanche
متجاور -30° +30°
- F4F1E4
Resort White
- F9EFE5
≈ Anemone White
- EEF3E7
≈ Saltpan
ثلاثي +120° +240°
- F4F1E4
Resort White
- E4F4F8
≈ Milky Way
- F9EDF5
≈ Sentimental Pink
متمم منقسم +150° +210°
- F4F1E4
Resort White
- E8F2FC
≈ Moon White
- F4EEFA
≈ Cloud Break
رباعي +90° +180° +270°
- F4F1E4
Resort White
- E5F5F2
≈ Frosty Mint
- EDF0FD
≈ Carte Blanche
- FCECEF
≈ Just Pink Enough
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.13:1 · APCA Lc 0
Ag
AAAعلى الأسود
WCAG 18.54:1 · APCA Lc 99
أفضل لون للنص: #000000
WCAG 18.54:1 (AAA) · APCA Lc 99
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--resort-white: #f4f1e4;
--resort-white-rgb: 244 241 228;
--resort-white-oklch: oklch(0.957 0.017 96.1);
}
.element {
color: var(--resort-white);
background-color: hsl(49 42% 93%);
border-color: oklch(0.957 0.017 96.1);
}Tailwind CSS v4
@theme {
--color-resort-white: #f4f1e4;
--color-resort-white-50: #f6f5f0;
--color-resort-white-100: #e9e8e1;
--color-resort-white-200: #d6d4cc;
--color-resort-white-300: #b9b8ae;
--color-resort-white-400: #a19f93;
--color-resort-white-500: #898679;
--color-resort-white-600: #747267;
--color-resort-white-700: #5d5b52;
--color-resort-white-800: #44423c;
--color-resort-white-900: #2f2e29;
--color-resort-white-950: #1c1b17;
}SCSS
$resort-white: #f4f1e4;
$resort-white-rgb: 244, 241, 228;
$resort-white-light: mix(#fff, $resort-white, 20%);
$resort-white-dark: mix(#000, $resort-white, 20%);
.element {
color: $resort-white;
box-shadow: 0 0 0 2px rgba($resort-white, 0.35);
}