Nazwany kolor · #61584F
Metropolis
Metropolis to #61584F: rgb(97 88 79), hsl(30 10% 35%), oklch(0.466 0.018 67.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Metropolis color name →
#61584F
oklch(0.466 0.018 67.3)
Konwersje koloru
- HEX
- #61584f
- RGB
- rgb(97 88 79)
- HSL
- hsl(30 10% 35%)
- HWB
- hwb(30 31% 62%)
- OKLCH
- oklch(0.466 0.018 67.3)
- OKLab
- oklab(0.466 0.007 0.017)
- CIE Lab
- lab(38.07 2.53 6.64)
- LCH
- lch(38.07 7.1 69.1)
- CMYK
- cmyk(0% 9% 19% 62%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 70675F
- 7E776F
- 8E8780
- 9D9791
- ADA8A3
- BDB9B4
- CDCAC7
- DDDBD9
- EEEDEC
Odcienie ciemniejsze
- 534B44
- 463F38
- 39332E
- 2D2823
- 211D19
- 151210
- 0B0907
- 030302
- 000000
Tony
- 645C54
- 676059
- 6A645D
- 6D6862
- 706C67
- 73706C
- 777471
- 7A7876
- 7D7C7B
Harmonie kolorów
Komplementarna +180°
- 61584F
Metropolis
- 525B64
≈ Novelty Navy
Analogowa -30° +30°
- 61584F
Metropolis
- 645652
≈ Harvest Oak
- 5C5A4E
≈ Osiris
Triada +120° +240°
- 61584F
Metropolis
- 4F5D5B
≈ Silken Pine
- 5C5762
≈ Veiled Vinyl
Komplementarna rozszczepiona +150° +210°
- 61584F
Metropolis
- 4F5D61
≈ Marine Magic
- 575964
≈ Midnight Badger
Tetrada +90° +180° +270°
- 61584F
Metropolis
- 525D56
≈ Evergreen Bough
- 525B64
≈ Novelty Navy
- 61565D
≈ Rabbit
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.96:1 · APCA Lc 84
Ag
FailNa czerni
WCAG 3.01:1 · APCA Lc 18
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.96:1 (AA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--metropolis: #61584f;
--metropolis-rgb: 97 88 79;
--metropolis-oklch: oklch(0.466 0.018 67.3);
}
.element {
color: var(--metropolis);
background-color: hsl(30 10% 35%);
border-color: oklch(0.466 0.018 67.3);
}Tailwind CSS v4
@theme {
--color-metropolis: #61584f;
--color-metropolis-50: #f9f4f0;
--color-metropolis-100: #ece7e1;
--color-metropolis-200: #dad3cc;
--color-metropolis-300: #beb6ae;
--color-metropolis-400: #a69d93;
--color-metropolis-500: #8f8479;
--color-metropolis-600: #797067;
--color-metropolis-700: #615952;
--color-metropolis-800: #47413c;
--color-metropolis-900: #312d29;
--color-metropolis-950: #1d1a17;
}SCSS
$metropolis: #61584f;
$metropolis-rgb: 97, 88, 79;
$metropolis-light: mix(#fff, $metropolis, 20%);
$metropolis-dark: mix(#000, $metropolis, 20%);
.element {
color: $metropolis;
box-shadow: 0 0 0 2px rgba($metropolis, 0.35);
}