لون مسمّى · #F0EBE0
Shell White
Shell White هو #F0EBE0: rgb(240 235 224)، hsl(41 35% 91%)، oklch(0.941 0.016 86.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Shell White color name →
#F0EBE0
oklch(0.941 0.016 86.4)
تحويلات الألوان
- HEX
- #f0ebe0
- RGB
- rgb(240 235 224)
- HSL
- hsl(41 35% 91%)
- HWB
- hwb(41 88% 6%)
- OKLCH
- oklch(0.941 0.016 86.4)
- OKLab
- oklab(0.941 0.001 0.016)
- CIE Lab
- lab(93.22 0.34 5.98)
- LCH
- lch(93.22 5.99 86.7)
- CMYK
- cmyk(0% 2% 7% 6%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F1EDE3
- F3EFE6
- F4F1E9
- F6F3EC
- F7F5EF
- F9F7F3
- FAF9F6
- FCFBF9
- FDFDFC
درجات داكنة
- D1CCC3
- B2AEA6
- 95918A
- 787570
- 5D5B56
- 43413E
- 2A2927
- 141312
- 030302
درجات رمادية
- E4E0D6
- D9D5CC
- CDCAC2
- C2BFB8
- B6B4AF
- ABA9A5
- A09F9C
- 959492
- 8B8A89
تناسق الألوان
متمم +180°
- F0EBE0
Shell White
- E7EBF6
≈ Coconut White
متجاور -30° +30°
- F0EBE0
Shell White
- F4E9E2
≈ Jasmine Flower
- EBEDE1
≈ Sublime
ثلاثي +120° +240°
- F0EBE0
Shell White
- E0EFF1
≈ Azul Primavera
- F1E8F1
≈ Rose Fantasy
متمم منقسم +150° +210°
- F0EBE0
Shell White
- E2EDF5
≈ Out Cold
- ECEAF5
≈ Silver Phoenix
رباعي +90° +180° +270°
- F0EBE0
Shell White
- E1EFEB
≈ Drifting Tide
- E7EBF6
≈ Coconut White
- F5E7EC
≈ Amour Frais
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.18:1 · APCA Lc 9
Ag
AAAعلى الأسود
WCAG 17.66:1 · APCA Lc 95
أفضل لون للنص: #000000
WCAG 17.66:1 (AAA) · APCA Lc 95
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--shell-white: #f0ebe0;
--shell-white-rgb: 240 235 224;
--shell-white-oklch: oklch(0.941 0.016 86.4);
}
.element {
color: var(--shell-white);
background-color: hsl(41 35% 91%);
border-color: oklch(0.941 0.016 86.4);
}Tailwind CSS v4
@theme {
--color-shell-white: #f0ebe0;
--color-shell-white-50: #f7f5f0;
--color-shell-white-100: #eae8e2;
--color-shell-white-200: #d7d4cd;
--color-shell-white-300: #bbb7af;
--color-shell-white-400: #a29e94;
--color-shell-white-500: #8b867b;
--color-shell-white-600: #757168;
--color-shell-white-700: #5e5a53;
--color-shell-white-800: #45423c;
--color-shell-white-900: #302e29;
--color-shell-white-950: #1c1a17;
}SCSS
$shell-white: #f0ebe0;
$shell-white-rgb: 240, 235, 224;
$shell-white-light: mix(#fff, $shell-white, 20%);
$shell-white-dark: mix(#000, $shell-white, 20%);
.element {
color: $shell-white;
box-shadow: 0 0 0 2px rgba($shell-white, 0.35);
}