أقرب لون مسمّى · #E9E8F9
#E9E8F9
أقرب لون مسمّى: Foundation White
#E9E8F9 (rgb(233 232 249)، hsl(244 59% 94%)، oklch(0.937 0.023 288.7)) أقرب إلى اللون المسمّى Foundation White. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#E9E8F9
oklch(0.937 0.023 288.7)
تحويلات الألوان
- HEX
- #e9e8f9
- RGB
- rgb(233 232 249)
- HSL
- hsl(244 59% 94%)
- HWB
- hwb(244 91% 2%)
- OKLCH
- oklch(0.937 0.023 288.7)
- OKLab
- oklab(0.937 0.007 -0.022)
- CIE Lab
- lab(92.45 2.68 -8.13)
- LCH
- lch(92.45 8.56 288.2)
- CMYK
- cmyk(6% 7% 0% 2%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- EBEAFA
- EDEDFA
- F0EFFB
- F2F1FB
- F4F3FC
- F6F6FD
- F8F8FD
- FBFAFE
- FDFDFE
درجات داكنة
- CBCAD9
- ADACB9
- 90909A
- 74747D
- 5A5961
- 414046
- 29292C
- 131315
- 030303
درجات رمادية
- DEDDEC
- D3D2E0
- C8C8D3
- BEBDC7
- B3B3BB
- A9A8AF
- 9E9EA3
- 949497
- 8A8A8B
تناسق الألوان
متمم +180°
- E9E8F9
Foundation White
- EBECDA
≈ Colleen Green
متجاور -30° +30°
- E9E8F9
Foundation White
- E1EBFA
≈ Husky
- F1E6F4
≈ Holographic Lavender
ثلاثي +120° +240°
- E9E8F9
Foundation White
- F8E6DD
≈ Grandma’s Cameo
- DCEFE7
≈ Shattered Ice
متمم منقسم +150° +210°
- E9E8F9
Foundation White
- F3E9DA
≈ A Smell of Bakery
- E3EEDF
≈ Sun Bleached Mint
رباعي +90° +180° +270°
- E9E8F9
Foundation White
- F9E4E4
≈ Tutu
- EBECDA
≈ Colleen Green
- D9EFF0
≈ Lakeside Mist
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.20:1 · APCA Lc 10
Ag
AAAعلى الأسود
WCAG 17.37:1 · APCA Lc 94
أفضل لون للنص: #000000
WCAG 17.37:1 (AAA) · APCA Lc 94
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--foundation-white: #e9e8f9;
--foundation-white-rgb: 233 232 249;
--foundation-white-oklch: oklch(0.937 0.023 288.7);
}
.element {
color: var(--foundation-white);
background-color: hsl(244 59% 94%);
border-color: oklch(0.937 0.023 288.7);
}Tailwind CSS v4
@theme {
--color-foundation-white: #e9e8f9;
--color-foundation-white-50: #f5f4fb;
--color-foundation-white-100: #e7e7ef;
--color-foundation-white-200: #d4d3de;
--color-foundation-white-300: #b7b6c3;
--color-foundation-white-400: #9d9dac;
--color-foundation-white-500: #858495;
--color-foundation-white-600: #71707e;
--color-foundation-white-700: #5a5965;
--color-foundation-white-800: #41414a;
--color-foundation-white-900: #2d2d33;
--color-foundation-white-950: #1a1a1f;
}SCSS
$foundation-white: #e9e8f9;
$foundation-white-rgb: 233, 232, 249;
$foundation-white-light: mix(#fff, $foundation-white, 20%);
$foundation-white-dark: mix(#000, $foundation-white, 20%);
.element {
color: $foundation-white;
box-shadow: 0 0 0 2px rgba($foundation-white, 0.35);
}