أقرب لون مسمّى · #0096A9
#0096A9
أقرب لون مسمّى: Oasis
#0096A9 (rgb(0 150 169)، hsl(187 100% 33%)، oklch(0.617 0.107 210.4)) أقرب إلى اللون المسمّى Oasis. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#0096A9
oklch(0.617 0.107 210.4)
تحويلات الألوان
- HEX
- #0096a9
- RGB
- rgb(0 150 169)
- HSL
- hsl(187 100% 33%)
- HWB
- hwb(187 0% 34%)
- OKLCH
- oklch(0.617 0.107 210.4)
- OKLab
- oklab(0.617 -0.092 -0.054)
- CIE Lab
- lab(56.36 -29.21 -20.02)
- LCH
- lch(56.36 35.41 214.4)
- CMYK
- cmyk(100% 11% 0% 34%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 38A0B2
- 55ABBA
- 6DB5C3
- 83C0CB
- 99CAD4
- ADD5DC
- C2DFE5
- D6EAEE
- EBF4F6
درجات داكنة
- 008292
- 006E7C
- 005B67
- 004953
- 00373F
- 00262C
- 00161B
- 00080A
- 000101
درجات رمادية
- 2894A5
- 3A92A1
- 47909D
- 528E99
- 5C8C95
- 648A91
- 6C878C
- 738588
- 7A8384
تناسق الألوان
متمم +180°
- 0096A9
Oasis
- BD6B5E
≈ Tapestry Red
متجاور -30° +30°
- 0096A9
Oasis
- 199A88
≈ Flamboyant Teal
- 418DBF
≈ Quiet Night
ثلاثي +120° +240°
- 0096A9
Oasis
- AA6DA3
≈ Violet Femmes
- 9E822D
≈ Hacienda
متمم منقسم +150° +210°
- 0096A9
Oasis
- B96882
≈ Creamed Raspberry
- B4753D
≈ Saucy Gold
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.53:1 · APCA Lc 62
Ag
AAعلى الأسود
WCAG 5.93:1 · APCA Lc 39
أفضل لون للنص: #000000
WCAG 5.93:1 (AA) · APCA Lc 39
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--oasis: #0096a9;
--oasis-rgb: 0 150 169;
--oasis-oklch: oklch(0.617 0.107 210.4);
}
.element {
color: var(--oasis);
background-color: hsl(187 100% 33%);
border-color: oklch(0.617 0.107 210.4);
}Tailwind CSS v4
@theme {
--color-oasis: #0096a9;
--color-oasis-50: #d3feff;
--color-oasis-100: #c0f2fd;
--color-oasis-200: #9ee1ef;
--color-oasis-300: #72c6d8;
--color-oasis-400: #41afc2;
--color-oasis-500: #0098ad;
--color-oasis-600: #008193;
--color-oasis-700: #006775;
--color-oasis-800: #004c56;
--color-oasis-900: #00353c;
--color-oasis-950: #002026;
}SCSS
$oasis: #0096a9;
$oasis-rgb: 0, 150, 169;
$oasis-light: mix(#fff, $oasis, 20%);
$oasis-dark: mix(#000, $oasis, 20%);
.element {
color: $oasis;
box-shadow: 0 0 0 2px rgba($oasis, 0.35);
}