لون مسمّى · #536762
Armada
Armada هو #536762: rgb(83 103 98)، hsl(165 11% 36%)، oklch(0.496 0.025 178.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Armada color name →
#536762
oklch(0.496 0.025 178.3)
تحويلات الألوان
- HEX
- #536762
- RGB
- rgb(83 103 98)
- HSL
- hsl(165 11% 36%)
- HWB
- hwb(165 33% 60%)
- OKLCH
- oklch(0.496 0.025 178.3)
- OKLab
- oklab(0.496 -0.025 0.001)
- CIE Lab
- lab(41.83 -8.66 0.2)
- LCH
- lch(41.83 8.66 178.7)
- CMYK
- cmyk(19% 0% 5% 60%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 637570
- 73837F
- 83928E
- 94A19E
- A5B0AD
- B7BFBD
- C8CFCD
- DADFDE
- EDEFEE
درجات داكنة
- 475954
- 3B4B47
- 303D3A
- 25302D
- 1B2321
- 111716
- 080C0B
- 020403
- 000000
درجات رمادية
- 586965
- 5C6C68
- 606E6B
- 65716E
- 697371
- 6E7674
- 727877
- 777B7A
- 7B7D7D
تناسق الألوان
متمم +180°
- 536762
Armada
- 6F5C62
≈ Poetry Plum
متجاور -30° +30°
- 536762
Armada
- 59665A
≈ Imperial Palm
- 52666A
≈ Iron Creek
ثلاثي +120° +240°
- 536762
Armada
- 645F6F
≈ Sedona Shadow
- 6D5F54
≈ Swiss Brown
متمم منقسم +150° +210°
- 536762
Armada
- 6A5D69
≈ Fiji Coral
- 705D5A
≈ Peppercorn
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 6.02:1 · APCA Lc 80
Ag
Failعلى الأسود
WCAG 3.48:1 · APCA Lc 22
أفضل لون للنص: #FFFFFF
WCAG 6.02:1 (AA) · APCA Lc 80
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--armada: #536762;
--armada-rgb: 83 103 98;
--armada-oklch: oklch(0.496 0.025 178.3);
}
.element {
color: var(--armada);
background-color: hsl(165 11% 36%);
border-color: oklch(0.496 0.025 178.3);
}Tailwind CSS v4
@theme {
--color-armada: #536762;
--color-armada-50: #eef8f5;
--color-armada-100: #dfebe8;
--color-armada-200: #c9d8d5;
--color-armada-300: #aabcb8;
--color-armada-400: #8fa49e;
--color-armada-500: #758c86;
--color-armada-600: #637672;
--color-armada-700: #4f5f5b;
--color-armada-800: #394542;
--color-armada-900: #27302e;
--color-armada-950: #151c1a;
}SCSS
$armada: #536762;
$armada-rgb: 83, 103, 98;
$armada-light: mix(#fff, $armada, 20%);
$armada-dark: mix(#000, $armada, 20%);
.element {
color: $armada;
box-shadow: 0 0 0 2px rgba($armada, 0.35);
}