لون مسمّى · #01A192
Turquish
Turquish هو #01A192: rgb(1 161 146)، hsl(174 99% 32%)، oklch(0.637 0.113 183.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Teal mean? → · Turquish color name →
#01A192
oklch(0.637 0.113 183.3)
تحويلات الألوان
- HEX
- #01a192
- RGB
- rgb(1 161 146)
- HSL
- hsl(174 99% 32%)
- HWB
- hwb(174 0% 37%)
- OKLCH
- oklch(0.637 0.113 183.3)
- OKLab
- oklab(0.637 -0.113 -0.007)
- CIE Lab
- lab(59.25 -39.38 -2.75)
- LCH
- lch(59.25 39.48 184)
- CMYK
- cmyk(99% 0% 9% 37%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 3BAA9C
- 58B4A7
- 70BDB2
- 86C7BC
- 9BD0C7
- AFD9D2
- C4E3DD
- D7ECE8
- EBF6F4
درجات داكنة
- 018B7E
- 01766B
- 006258
- 004E46
- 003C35
- 002A25
- 001916
- 000908
- 000101
درجات رمادية
- 2A9E90
- 3C9B8E
- 4A988D
- 54948B
- 5E9189
- 668E87
- 6D8A85
- 748784
- 7A8482
تناسق الألوان
متمم +180°
- 01A192
Turquish
- C36C84
≈ Pink Manhattan
متجاور -30° +30°
- 01A192
Turquish
- 4E9F6A
≈ Mosaic Green
- 009CB4
≈ Caneel Bay
ثلاثي +120° +240°
- 01A192
Turquish
- 9979C3
≈ Lavender Purple
- BB7B3A
≈ Molten Caramel
متمم منقسم +150° +210°
- 01A192
Turquish
- B470A8
≈ Pink Parade
- C6705D
≈ Cajun Spice
رباعي +90° +180° +270°
- 01A192
Turquish
- 7586D0
≈ Tanzine
- C36C84
≈ Pink Manhattan
- A2892C
≈ Faint Green
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.22:1 · APCA Lc 59
Ag
AAعلى الأسود
WCAG 6.51:1 · APCA Lc 43
أفضل لون للنص: #000000
WCAG 6.51:1 (AA) · APCA Lc 43
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--turquish: #01a192;
--turquish-rgb: 1 161 146;
--turquish-oklch: oklch(0.637 0.113 183.3);
}
.element {
color: var(--turquish);
background-color: hsl(174 99% 32%);
border-color: oklch(0.637 0.113 183.3);
}Tailwind CSS v4
@theme {
--color-turquish: #01a192;
--color-turquish-50: #d2fff9;
--color-turquish-100: #bef5ed;
--color-turquish-200: #9ce5db;
--color-turquish-300: #6ecabf;
--color-turquish-400: #3cb4a5;
--color-turquish-500: #009e8e;
--color-turquish-600: #008578;
--color-turquish-700: #006b60;
--color-turquish-800: #004f45;
--color-turquish-900: #003730;
--color-turquish-950: #00211c;
}SCSS
$turquish: #01a192;
$turquish-rgb: 1, 161, 146;
$turquish-light: mix(#fff, $turquish, 20%);
$turquish-dark: mix(#000, $turquish, 20%);
.element {
color: $turquish;
box-shadow: 0 0 0 2px rgba($turquish, 0.35);
}