لون مسمّى · #008C8D
Egyptian Teal
Egyptian Teal هو #008C8D: rgb(0 140 141)، hsl(180 100% 28%)، oklch(0.58 0.099 195.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Teal mean? → · Egyptian Teal color name →
#008C8D
oklch(0.58 0.099 195.7)
تحويلات الألوان
- HEX
- #008c8d
- RGB
- rgb(0 140 141)
- HSL
- hsl(180 100% 28%)
- HWB
- hwb(180 0% 45%)
- OKLCH
- oklch(0.58 0.099 195.7)
- OKLab
- oklab(0.58 -0.095 -0.027)
- CIE Lab
- lab(52.3 -32.17 -10.11)
- LCH
- lch(52.3 33.73 197.4)
- CMYK
- cmyk(100% 1% 0% 45%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 369798
- 52A3A3
- 6AAEAE
- 80B9B9
- 96C5C5
- ABD0D0
- C0DCDC
- D5E8E7
- EAF3F3
درجات داكنة
- 00797A
- 006767
- 005555
- 004344
- 003333
- 002323
- 001414
- 000707
- 000101
درجات رمادية
- 268B8C
- 378A8A
- 458989
- 508888
- 598787
- 628685
- 6A8484
- 728383
- 798181
تناسق الألوان
متمم +180°
- 008C8D
Egyptian Teal
- AD6167
≈ Redbud
متجاور -30° +30°
- 008C8D
Egyptian Teal
- 348D6C
≈ Leprechaun
- 2586A7
≈ Hacienda Blue
ثلاثي +120° +240°
- 008C8D
Egyptian Teal
- 9168A2
≈ Figue
- 9C712E
≈ Buttered Rum
متمم منقسم +150° +210°
- 008C8D
Egyptian Teal
- A46187
≈ Wild Mulberry
- AA6646
≈ Amazonian
رباعي +90° +180° +270°
- 008C8D
Egyptian Teal
- 7571B2
≈ Clear Mauve
- AD6167
≈ Redbud
- 827E30
≈ Verdant
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 4.08:1 · APCA Lc 67
Ag
AAعلى الأسود
WCAG 5.13:1 · APCA Lc 34
أفضل لون للنص: #000000
WCAG 5.13:1 (AA) · APCA Lc 34
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--egyptian-teal: #008c8d;
--egyptian-teal-rgb: 0 140 141;
--egyptian-teal-oklch: oklch(0.58 0.099 195.7);
}
.element {
color: var(--egyptian-teal);
background-color: hsl(180 100% 28%);
border-color: oklch(0.58 0.099 195.7);
}Tailwind CSS v4
@theme {
--color-egyptian-teal: #008c8d;
--color-egyptian-teal-50: #d5ffff;
--color-egyptian-teal-100: #c2f3f4;
--color-egyptian-teal-200: #a2e2e3;
--color-egyptian-teal-300: #77c7c9;
--color-egyptian-teal-400: #4ab1b1;
--color-egyptian-teal-500: #009a9b;
--color-egyptian-teal-600: #008283;
--color-egyptian-teal-700: #046869;
--color-egyptian-teal-800: #024d4c;
--color-egyptian-teal-900: #033535;
--color-egyptian-teal-950: #002020;
}SCSS
$egyptian-teal: #008c8d;
$egyptian-teal-rgb: 0, 140, 141;
$egyptian-teal-light: mix(#fff, $egyptian-teal, 20%);
$egyptian-teal-dark: mix(#000, $egyptian-teal, 20%);
.element {
color: $egyptian-teal;
box-shadow: 0 0 0 2px rgba($egyptian-teal, 0.35);
}