لون مسمّى · #17917F
Miami Jade
Miami Jade هو #17917F: rgb(23 145 127)، hsl(171 73% 33%)، oklch(0.59 0.103 179.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Teal mean? → · Miami Jade color name →
#17917F
oklch(0.59 0.103 179.4)
تحويلات الألوان
- HEX
- #17917f
- RGB
- rgb(23 145 127)
- HSL
- hsl(171 73% 33%)
- HWB
- hwb(171 9% 43%)
- OKLCH
- oklch(0.59 0.103 179.4)
- OKLab
- oklab(0.59 -0.103 0.001)
- CIE Lab
- lab(53.79 -36.06 0.11)
- LCH
- lch(53.79 36.06 179.8)
- CMYK
- cmyk(84% 0% 12% 43%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 3D9C8B
- 57A797
- 6EB2A4
- 84BDB0
- 99C8BD
- ADD3CA
- C2DED7
- D6E9E4
- EBF4F2
درجات داكنة
- 127D6E
- 0E6A5D
- 0A584C
- 06463C
- 04352D
- 02251F
- 011511
- 000706
- 000101
درجات رمادية
- 2E907F
- 3D8E7F
- 498C7F
- 538B7F
- 5C8980
- 648780
- 6C8680
- 738480
- 7A8280
تناسق الألوان
متمم +180°
- 17917F
Miami Jade
- AE627B
≈ Daah-Ling
متجاور -30° +30°
- 17917F
Miami Jade
- 4D8E5B
≈ Middle Green
- 008D9E
≈ Coral Coast
ثلاثي +120° +240°
- 17917F
Miami Jade
- 866FB2
≈ Dahlia Purple
- AA6D39
≈ Tanooki Suit Brown
متمم منقسم +150° +210°
- 17917F
Miami Jade
- 9F669B
≈ Royal Pretender
- B26459
≈ Preserved Petals
رباعي +90° +180° +270°
- 17917F
Miami Jade
- 657ABB
≈ Ultramarine Blue
- AE627B
≈ Daah-Ling
- 967A2A
≈ Fernweh
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.89:1 · APCA Lc 66
Ag
AAعلى الأسود
WCAG 5.39:1 · APCA Lc 36
أفضل لون للنص: #000000
WCAG 5.39:1 (AA) · APCA Lc 36
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--miami-jade: #17917f;
--miami-jade-rgb: 23 145 127;
--miami-jade-oklch: oklch(0.59 0.103 179.4);
}
.element {
color: var(--miami-jade);
background-color: hsl(171 73% 33%);
border-color: oklch(0.59 0.103 179.4);
}Tailwind CSS v4
@theme {
--color-miami-jade: #17917f;
--color-miami-jade-50: #d6fff7;
--color-miami-jade-100: #c3f4ea;
--color-miami-jade-200: #a3e3d7;
--color-miami-jade-300: #78c9bb;
--color-miami-jade-400: #4eb2a0;
--color-miami-jade-500: #009c88;
--color-miami-jade-600: #0d8473;
--color-miami-jade-700: #0c6a5c;
--color-miami-jade-800: #084e42;
--color-miami-jade-900: #06362d;
--color-miami-jade-950: #00211a;
}SCSS
$miami-jade: #17917f;
$miami-jade-rgb: 23, 145, 127;
$miami-jade-light: mix(#fff, $miami-jade, 20%);
$miami-jade-dark: mix(#000, $miami-jade, 20%);
.element {
color: $miami-jade;
box-shadow: 0 0 0 2px rgba($miami-jade, 0.35);
}