أقرب لون مسمّى · #173944
#173944
أقرب لون مسمّى: Astral Nomad
#173944 (rgb(23 57 68)، hsl(195 49% 18%)، oklch(0.325 0.044 221.9)) أقرب إلى اللون المسمّى Astral Nomad. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#173944
oklch(0.325 0.044 221.9)
تحويلات الألوان
- HEX
- #173944
- RGB
- rgb(23 57 68)
- HSL
- hsl(195 49% 18%)
- HWB
- hwb(195 9% 73%)
- OKLCH
- oklch(0.325 0.044 221.9)
- OKLab
- oklab(0.325 -0.033 -0.029)
- CIE Lab
- lab(21.85 -9.9 -10.79)
- LCH
- lch(21.85 14.65 227.5)
- CMYK
- cmyk(66% 16% 0% 73%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 2D4B55
- 425D66
- 586F78
- 6E838A
- 85969D
- 9CAAB0
- B4BFC3
- CDD4D7
- E6E9EB
درجات داكنة
- 12303A
- 0E2830
- 0A1F26
- 06171D
- 041014
- 02090C
- 010405
- 000102
- 000000
درجات رمادية
- 22404A
- 2D4750
- 374E56
- 41555C
- 4C5C61
- 566368
- 606A6E
- 6B7174
- 75797A
تناسق الألوان
متمم +180°
- 173944
Astral Nomad
- 472C22
≈ Subterranean
متجاور -30° +30°
- 173944
Astral Nomad
- 143B3A
≈ Nordic
- 23354A
≈ Bunting
ثلاثي +120° +240°
- 173944
Astral Nomad
- 442B3A
≈ Barossa
- 383519
≈ Pullman Green
متمم منقسم +150° +210°
- 173944
Astral Nomad
- 482A2E
≈ Rookwood Dark Red
- 42301A
≈ Iroko
رباعي +90° +180° +270°
- 173944
Astral Nomad
- 3B2D44
≈ Obsidian Lava Black
- 472C22
≈ Subterranean
- 2C3921
≈ Palm Green
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 12.31:1 · APCA Lc 98
Ag
Failعلى الأسود
WCAG 1.70:1 · APCA Lc 0
أفضل لون للنص: #FFFFFF
WCAG 12.31:1 (AAA) · APCA Lc 98
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--astral-nomad: #173944;
--astral-nomad-rgb: 23 57 68;
--astral-nomad-oklch: oklch(0.325 0.044 221.9);
}
.element {
color: var(--astral-nomad);
background-color: hsl(195 49% 18%);
border-color: oklch(0.325 0.044 221.9);
}Tailwind CSS v4
@theme {
--color-astral-nomad: #173944;
--color-astral-nomad-50: #e9f8ff;
--color-astral-nomad-100: #d9ebf3;
--color-astral-nomad-200: #c1d9e2;
--color-astral-nomad-300: #a0bdc8;
--color-astral-nomad-400: #83a5b1;
--color-astral-nomad-500: #668d9b;
--color-astral-nomad-600: #577783;
--color-astral-nomad-700: #456069;
--color-astral-nomad-800: #31464d;
--color-astral-nomad-900: #213135;
--color-astral-nomad-950: #111d21;
}SCSS
$astral-nomad: #173944;
$astral-nomad-rgb: 23, 57, 68;
$astral-nomad-light: mix(#fff, $astral-nomad, 20%);
$astral-nomad-dark: mix(#000, $astral-nomad, 20%);
.element {
color: $astral-nomad;
box-shadow: 0 0 0 2px rgba($astral-nomad, 0.35);
}