أقرب لون مسمّى · #E2E0F4
#E2E0F4
أقرب لون مسمّى: Velvet Scarf
#E2E0F4 (rgb(226 224 244)، hsl(246 48% 92%)، oklch(0.914 0.027 290.4)) أقرب إلى اللون المسمّى Velvet Scarf. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#E2E0F4
oklch(0.914 0.027 290.4)
تحويلات الألوان
- HEX
- #e2e0f4
- RGB
- rgb(226 224 244)
- HSL
- hsl(246 48% 92%)
- HWB
- hwb(246 88% 4%)
- OKLCH
- oklch(0.914 0.027 290.4)
- OKLab
- oklab(0.914 0.009 -0.025)
- CIE Lab
- lab(89.79 3.47 -9.52)
- LCH
- lch(89.79 10.13 290)
- CMYK
- cmyk(7% 8% 0% 4%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E5E3F5
- E8E6F6
- EBE9F7
- EDECF8
- F0EFFA
- F3F3FB
- F6F6FC
- F9F9FD
- FCFCFE
درجات داكنة
- C4C3D4
- A8A6B5
- 8C8A97
- 71707A
- 57565E
- 3E3E44
- 27272B
- 121214
- 030203
درجات رمادية
- D8D6E8
- CECCDC
- C4C2D0
- BAB8C4
- B0AFB8
- A6A5AD
- 9C9CA1
- 939296
- 89898B
تناسق الألوان
متمم +180°
- E2E0F4
Velvet Scarf
- E3E5D0
≈ Bleached Jade
متجاور -30° +30°
- E2E0F4
Velvet Scarf
- D9E3F5
≈ Aquarelle Purple
- EBDDEE
≈ Divine Dove
ثلاثي +120° +240°
- E2E0F4
Velvet Scarf
- F2DED3
≈ Spice Cookie
- D2E9E0
≈ Aqua Glass
متمم منقسم +150° +210°
- E2E0F4
Velvet Scarf
- ECE1CF
≈ Bleach White
- D9E7D7
≈ Toadstool Dot
رباعي +90° +180° +270°
- E2E0F4
Velvet Scarf
- F4DCDB
≈ Light Nursery
- E3E5D0
≈ Bleached Jade
- CFE9EA
≈ Field Frost
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.29:1 · APCA Lc 15
Ag
AAAعلى الأسود
WCAG 16.20:1 · APCA Lc 89
أفضل لون للنص: #000000
WCAG 16.20:1 (AAA) · APCA Lc 89
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--velvet-scarf: #e2e0f4;
--velvet-scarf-rgb: 226 224 244;
--velvet-scarf-oklch: oklch(0.914 0.027 290.4);
}
.element {
color: var(--velvet-scarf);
background-color: hsl(246 48% 92%);
border-color: oklch(0.914 0.027 290.4);
}Tailwind CSS v4
@theme {
--color-velvet-scarf: #e2e0f4;
--color-velvet-scarf-50: #f5f4fc;
--color-velvet-scarf-100: #e8e6f0;
--color-velvet-scarf-200: #d4d2df;
--color-velvet-scarf-300: #b7b5c4;
--color-velvet-scarf-400: #9e9cae;
--color-velvet-scarf-500: #868397;
--color-velvet-scarf-600: #716f80;
--color-velvet-scarf-700: #5a5966;
--color-velvet-scarf-800: #42414b;
--color-velvet-scarf-900: #2d2d34;
--color-velvet-scarf-950: #1a1a20;
}SCSS
$velvet-scarf: #e2e0f4;
$velvet-scarf-rgb: 226, 224, 244;
$velvet-scarf-light: mix(#fff, $velvet-scarf, 20%);
$velvet-scarf-dark: mix(#000, $velvet-scarf, 20%);
.element {
color: $velvet-scarf;
box-shadow: 0 0 0 2px rgba($velvet-scarf, 0.35);
}