لون مسمّى · #F4F3E8
Daisy Field
Daisy Field هو #F4F3E8: rgb(244 243 232)، hsl(55 35% 93%)، oklch(0.962 0.015 102.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Daisy Field color name →
#F4F3E8
oklch(0.962 0.015 102.5)
تحويلات الألوان
- HEX
- #f4f3e8
- RGB
- rgb(244 243 232)
- HSL
- hsl(55 35% 93%)
- HWB
- hwb(55 91% 4%)
- OKLCH
- oklch(0.962 0.015 102.5)
- OKLab
- oklab(0.962 -0.003 0.014)
- CIE Lab
- lab(95.69 -1.06 5.45)
- LCH
- lch(95.69 5.55 101.1)
- CMYK
- cmyk(0% 0% 5% 4%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F5F4EA
- F6F5ED
- F7F7EF
- F8F8F1
- F9F9F3
- FBFAF6
- FCFBF8
- FDFDFA
- FEFEFD
درجات داكنة
- D4D3CA
- B5B4AC
- 979790
- 7A7A74
- 5E5E59
- 444440
- 2B2B29
- 141413
- 030303
درجات رمادية
- E8E7DD
- DCDBD2
- D0CFC8
- C4C3BD
- B8B8B3
- ADACA8
- A1A19E
- 969694
- 8B8B8A
تناسق الألوان
متمم +180°
- F4F3E8
Daisy Field
- F1F1FC
≈ Alpine Goat
متجاور -30° +30°
- F4F3E8
Daisy Field
- F9F1E8
≈ Moonlit Beach
- EFF5EB
≈ Frosted Juniper
ثلاثي +120° +240°
- F4F3E8
Daisy Field
- E9F5FA
≈ Kodama White
- FAEFF5
≈ Sentimental Pink
متمم منقسم +150° +210°
- F4F3E8
Daisy Field
- ECF3FC
≈ Placebo Blue
- F6F0FA
≈ Cloud Break
رباعي +90° +180° +270°
- F4F3E8
Daisy Field
- E8F6F5
≈ Indigo White
- F1F1FC
≈ Alpine Goat
- FCEFF0
≈ Pale Cherry Blossom
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.11:1 · APCA Lc 0
Ag
AAAعلى الأسود
WCAG 18.83:1 · APCA Lc 100
أفضل لون للنص: #000000
WCAG 18.83:1 (AAA) · APCA Lc 100
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--daisy-field: #f4f3e8;
--daisy-field-rgb: 244 243 232;
--daisy-field-oklch: oklch(0.962 0.015 102.5);
}
.element {
color: var(--daisy-field);
background-color: hsl(55 35% 93%);
border-color: oklch(0.962 0.015 102.5);
}Tailwind CSS v4
@theme {
--color-daisy-field: #f4f3e8;
--color-daisy-field-50: #f6f5f1;
--color-daisy-field-100: #e8e8e3;
--color-daisy-field-200: #d5d5ce;
--color-daisy-field-300: #b8b8af;
--color-daisy-field-400: #a09f95;
--color-daisy-field-500: #88877c;
--color-daisy-field-600: #737269;
--color-daisy-field-700: #5c5b54;
--color-daisy-field-800: #43433d;
--color-daisy-field-900: #2e2e2a;
--color-daisy-field-950: #1b1b17;
}SCSS
$daisy-field: #f4f3e8;
$daisy-field-rgb: 244, 243, 232;
$daisy-field-light: mix(#fff, $daisy-field, 20%);
$daisy-field-dark: mix(#000, $daisy-field, 20%);
.element {
color: $daisy-field;
box-shadow: 0 0 0 2px rgba($daisy-field, 0.35);
}