لون مسمّى · #66D0C0
Patina
Patina هو #66D0C0: rgb(102 208 192)، hsl(171 53% 61%)، oklch(0.79 0.101 182.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Teal mean? → · Patina color name →
#66D0C0
oklch(0.79 0.101 182.5)
تحويلات الألوان
- HEX
- #66d0c0
- RGB
- rgb(102 208 192)
- HSL
- hsl(171 53% 61%)
- HWB
- hwb(171 40% 18%)
- OKLCH
- oklch(0.79 0.101 182.5)
- OKLab
- oklab(0.79 -0.101 -0.004)
- CIE Lab
- lab(76.9 -35.06 -1.95)
- LCH
- lch(76.9 35.12 183.2)
- CMYK
- cmyk(51% 0% 8% 18%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 79D5C6
- 8ADACC
- 9ADFD3
- A9E3D9
- B8E8DF
- C7EDE5
- D5F1EC
- E3F6F2
- F1FAF9
درجات داكنة
- 58B5A7
- 4A9A8E
- 3C8076
- 2F675F
- 234F49
- 173934
- 0C2320
- 04100E
- 000202
درجات رمادية
- 6CC8B9
- 70C0B3
- 74B8AC
- 77B0A6
- 7AA89F
- 7CA099
- 7D9893
- 7F908C
- 808886
تناسق الألوان
متمم +180°
- 66D0C0
Patina
- F29FB5
≈ Emperor’s Children
متجاور -30° +30°
- 66D0C0
Patina
- 87CE9B
≈ Fennel
- 62CCE1
≈ Betsy
ثلاثي +120° +240°
- 66D0C0
Patina
- C7ABF1
≈ Teasel Dipsacus
- E9AC75
≈ Dune King
متمم منقسم +150° +210°
- 66D0C0
Patina
- E2A2D7
≈ Exotic Violet
- F4A291
≈ Peach Mimosa
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.85:1 · APCA Lc 35
Ag
AAAعلى الأسود
WCAG 11.34:1 · APCA Lc 68
أفضل لون للنص: #000000
WCAG 11.34:1 (AAA) · APCA Lc 68
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--patina: #66d0c0;
--patina-rgb: 102 208 192;
--patina-oklch: oklch(0.79 0.101 182.5);
}
.element {
color: var(--patina);
background-color: hsl(171 53% 61%);
border-color: oklch(0.79 0.101 182.5);
}Tailwind CSS v4
@theme {
--color-patina: #66d0c0;
--color-patina-50: #d6fff9;
--color-patina-100: #c3f4ec;
--color-patina-200: #a3e3d9;
--color-patina-300: #78c9be;
--color-patina-400: #4db2a3;
--color-patina-500: #009c8c;
--color-patina-600: #0a8476;
--color-patina-700: #0b695f;
--color-patina-800: #074e44;
--color-patina-900: #05362f;
--color-patina-950: #00211b;
}SCSS
$patina: #66d0c0;
$patina-rgb: 102, 208, 192;
$patina-light: mix(#fff, $patina, 20%);
$patina-dark: mix(#000, $patina, 20%);
.element {
color: $patina;
box-shadow: 0 0 0 2px rgba($patina, 0.35);
}