لون مسمّى · #F2EDE2
Jet White
Jet White هو #F2EDE2: rgb(242 237 226)، hsl(41 38% 92%)، oklch(0.947 0.016 86.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Jet White color name →
#F2EDE2
oklch(0.947 0.016 86.4)
تحويلات الألوان
- HEX
- #f2ede2
- RGB
- rgb(242 237 226)
- HSL
- hsl(41 38% 92%)
- HWB
- hwb(41 89% 5%)
- OKLCH
- oklch(0.947 0.016 86.4)
- OKLab
- oklab(0.947 0.001 0.016)
- CIE Lab
- lab(93.92 0.34 5.97)
- LCH
- lch(93.92 5.98 86.7)
- CMYK
- cmyk(0% 2% 7% 5%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F3EFE5
- F5F1E8
- F6F2EB
- F7F4EE
- F8F6F0
- FAF8F3
- FBFAF6
- FCFBF9
- FEFDFC
درجات داكنة
- D2CEC4
- B4B0A8
- 96938C
- 797771
- 5E5C57
- 43423E
- 2B2A27
- 141412
- 030303
درجات رمادية
- E6E2D8
- DAD6CE
- CECBC4
- C3C0BA
- B7B5B0
- ACAAA6
- A19F9C
- 969593
- 8B8A89
تناسق الألوان
متمم +180°
- F2EDE2
Jet White
- E9EDF8
≈ Coconut White
متجاور -30° +30°
- F2EDE2
Jet White
- F6EBE4
≈ Naivete
- EDEFE3
≈ Creamy Garlic
ثلاثي +120° +240°
- F2EDE2
Jet White
- E2F1F3
≈ Azul Primavera
- F3EAF3
≈ Snow Plum
متمم منقسم +150° +210°
- F2EDE2
Jet White
- E4EFF7
≈ Clear Vision
- EEECF7
≈ Silver Phoenix
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.16:1 · APCA Lc 8
Ag
AAAعلى الأسود
WCAG 17.98:1 · APCA Lc 96
أفضل لون للنص: #000000
WCAG 17.98:1 (AAA) · APCA Lc 96
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--jet-white: #f2ede2;
--jet-white-rgb: 242 237 226;
--jet-white-oklch: oklch(0.947 0.016 86.4);
}
.element {
color: var(--jet-white);
background-color: hsl(41 38% 92%);
border-color: oklch(0.947 0.016 86.4);
}Tailwind CSS v4
@theme {
--color-jet-white: #f2ede2;
--color-jet-white-50: #f7f5f0;
--color-jet-white-100: #eae8e2;
--color-jet-white-200: #d7d4cd;
--color-jet-white-300: #bbb7af;
--color-jet-white-400: #a29e94;
--color-jet-white-500: #8b867b;
--color-jet-white-600: #757168;
--color-jet-white-700: #5e5a53;
--color-jet-white-800: #45423c;
--color-jet-white-900: #302e29;
--color-jet-white-950: #1c1a17;
}SCSS
$jet-white: #f2ede2;
$jet-white-rgb: 242, 237, 226;
$jet-white-light: mix(#fff, $jet-white, 20%);
$jet-white-dark: mix(#000, $jet-white, 20%);
.element {
color: $jet-white;
box-shadow: 0 0 0 2px rgba($jet-white, 0.35);
}