لون مسمّى · #29A98B
Niagara
Niagara هو #29A98B: rgb(41 169 139)، hsl(166 61% 41%)، oklch(0.66 0.117 172.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Teal mean? → · Niagara color name →
#29A98B
oklch(0.66 0.117 172.8)
تحويلات الألوان
- HEX
- #29a98b
- RGB
- rgb(41 169 139)
- HSL
- hsl(166 61% 41%)
- HWB
- hwb(166 16% 34%)
- OKLCH
- oklch(0.66 0.117 172.8)
- OKLab
- oklab(0.66 -0.116 0.015)
- CIE Lab
- lab(62.08 -40.89 5.28)
- LCH
- lch(62.08 41.23 172.6)
- CMYK
- cmyk(76% 0% 18% 34%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 4AB296
- 63BAA1
- 79C3AC
- 8DCCB8
- A1D4C3
- B4DDCF
- C7E5DB
- DAEEE7
- ECF6F3
درجات داكنة
- 229278
- 1C7C66
- 156754
- 0F5343
- 093F32
- 052C23
- 021B14
- 010A07
- 000101
درجات رمادية
- 3BA58A
- 48A189
- 539D88
- 5C9987
- 649586
- 6A9184
- 718D83
- 768982
- 7B8481
تناسق الألوان
متمم +180°
- 29A98B
Niagara
- C87399
≈ Dolomite Red
متجاور -30° +30°
- 29A98B
Niagara
- 65A461
≈ Endo
- 00A6B0
≈ Exotic Sea
ثلاثي +120° +240°
- 29A98B
Niagara
- 9584D3
≈ Indigo Bloom
- CA7D4A
≈ Fuegan Orange
متمم منقسم +150° +210°
- 29A98B
Niagara
- B479BC
≈ Colombo Red Mauve
- D07470
≈ Light Tomato
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.94:1 · APCA Lc 55
Ag
AAAعلى الأسود
WCAG 7.14:1 · APCA Lc 46
أفضل لون للنص: #000000
WCAG 7.14:1 (AAA) · APCA Lc 46
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--niagara: #29a98b;
--niagara-rgb: 41 169 139;
--niagara-oklch: oklch(0.66 0.117 172.8);
}
.element {
color: var(--niagara);
background-color: hsl(166 61% 41%);
border-color: oklch(0.66 0.117 172.8);
}Tailwind CSS v4
@theme {
--color-niagara: #29a98b;
--color-niagara-50: #d4fff3;
--color-niagara-100: #c0f5e5;
--color-niagara-200: #9fe5d1;
--color-niagara-300: #72cbb4;
--color-niagara-400: #44b597;
--color-niagara-500: #009e7e;
--color-niagara-600: #00866b;
--color-niagara-700: #006b55;
--color-niagara-800: #004f3d;
--color-niagara-900: #01372a;
--color-niagara-950: #002217;
}SCSS
$niagara: #29a98b;
$niagara-rgb: 41, 169, 139;
$niagara-light: mix(#fff, $niagara, 20%);
$niagara-dark: mix(#000, $niagara, 20%);
.element {
color: $niagara;
box-shadow: 0 0 0 2px rgba($niagara, 0.35);
}