Dichtstbijzijnde benoemde kleur · #173944
#173944
Dichtstbijzijnde benoemde kleur: Astral Nomad
#173944 (rgb(23 57 68), hsl(195 49% 18%), oklch(0.325 0.044 221.9)) komt het dichtst bij de benoemde kleur Astral Nomad. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#173944
oklch(0.325 0.044 221.9)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- 2D4B55
- 425D66
- 586F78
- 6E838A
- 85969D
- 9CAAB0
- B4BFC3
- CDD4D7
- E6E9EB
Schaduwen
- 12303A
- 0E2830
- 0A1F26
- 06171D
- 041014
- 02090C
- 010405
- 000102
- 000000
Tonen
- 22404A
- 2D4750
- 374E56
- 41555C
- 4C5C61
- 566368
- 606A6E
- 6B7174
- 75797A
Kleurharmonieën
Complementair +180°
- 173944
Astral Nomad
- 472C22
≈ Subterranean
Analoog -30° +30°
- 173944
Astral Nomad
- 143B3A
≈ Nordic
- 23354A
≈ Bunting
Triadisch +120° +240°
- 173944
Astral Nomad
- 442B3A
≈ Barossa
- 383519
≈ Pullman Green
Gesplitst complementair +150° +210°
- 173944
Astral Nomad
- 482A2E
≈ Rookwood Dark Red
- 42301A
≈ Iroko
Tetradisch +90° +180° +270°
- 173944
Astral Nomad
- 3B2D44
≈ Obsidian Lava Black
- 472C22
≈ Subterranean
- 2C3921
≈ Palm Green
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 12.31:1 · APCA Lc 98
Ag
FailOp zwart
WCAG 1.70:1 · APCA Lc 0
Beste tekstkleur: #FFFFFF
WCAG 12.31:1 (AAA) · APCA Lc 98
Contrast pairs
Codefragmenten
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);
}