Cor nomeada mais próxima · #173944
#173944
Cor nomeada mais próxima: Astral Nomad
#173944 (rgb(23 57 68), hsl(195 49% 18%), oklch(0.325 0.044 221.9)) é mais próxima da cor nomeada Astral Nomad. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#173944
oklch(0.325 0.044 221.9)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 2D4B55
- 425D66
- 586F78
- 6E838A
- 85969D
- 9CAAB0
- B4BFC3
- CDD4D7
- E6E9EB
Sombras
- 12303A
- 0E2830
- 0A1F26
- 06171D
- 041014
- 02090C
- 010405
- 000102
- 000000
Tons
- 22404A
- 2D4750
- 374E56
- 41555C
- 4C5C61
- 566368
- 606A6E
- 6B7174
- 75797A
Harmonias de cor
Complementar +180°
- 173944
Astral Nomad
- 472C22
≈ Subterranean
Análoga -30° +30°
- 173944
Astral Nomad
- 143B3A
≈ Nordic
- 23354A
≈ Bunting
Tríade +120° +240°
- 173944
Astral Nomad
- 442B3A
≈ Barossa
- 383519
≈ Pullman Green
Complementar dividida +150° +210°
- 173944
Astral Nomad
- 482A2E
≈ Rookwood Dark Red
- 42301A
≈ Iroko
Tétrade +90° +180° +270°
- 173944
Astral Nomad
- 3B2D44
≈ Obsidian Lava Black
- 472C22
≈ Subterranean
- 2C3921
≈ Palm Green
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 12.31:1 · APCA Lc 98
Ag
FailSobre preto
WCAG 1.70:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 12.31:1 (AAA) · APCA Lc 98
Contrast pairs
Trechos de código
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);
}