Benannte Farbe · #99A1A5
Metropolis Mood
Metropolis Mood ist #99A1A5: rgb(153 161 165), hsl(200 6% 62%), oklch(0.704 0.011 229). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Metropolis Mood color name →
#99A1A5
oklch(0.704 0.011 229)
Farbumrechnungen
- HEX
- #99a1a5
- RGB
- rgb(153 161 165)
- HSL
- hsl(200 6% 62%)
- HWB
- hwb(200 60% 35%)
- OKLCH
- oklch(0.704 0.011 229)
- OKLab
- oklab(0.704 -0.007 -0.008)
- CIE Lab
- lab(65.68 -2.35 -3.13)
- LCH
- lch(65.68 3.91 233)
- CMYK
- cmyk(7% 2% 0% 35%)
Tints · Shades · Tones
Tints
- A3AAAE
- ADB3B6
- B7BCBF
- C1C6C8
- CBCFD1
- D5D8DA
- DFE2E3
- EAECEC
- F4F5F6
Shades
- 848B8F
- 707679
- 5D6265
- 4A4E51
- 383C3D
- 272A2B
- 17191A
- 08090A
- 010101
Tones
- 969EA1
- 949A9D
- 91979A
- 8F9496
- 8C9092
- 8A8D8F
- 878A8B
- 858687
- 828384
Farbharmonien
Komplementär +180°
- 99A1A5
Metropolis Mood
- A69E9A
≈ Mauve Melody
Analog -30° +30°
- 99A1A5
Metropolis Mood
- 98A2A2
≈ Grey River Rock
- 9CA0A6
≈ Grey Wolf
Triadisch +120° +240°
- 99A1A5
Metropolis Mood
- A59DA1
≈ Equilibrium
- A0A099
≈ Stamped Concrete
Geteilt komplementär +150° +210°
- 99A1A5
Metropolis Mood
- A69D9D
≈ Boiling Mud
- A39F98
≈ Warm Granite
Tetradisch +90° +180° +270°
- 99A1A5
Metropolis Mood
- A39DA4
≈ Silver Sconce
- A69E9A
≈ Mauve Melody
- 9CA19B
≈ Brampton Grey
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.62:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 7.99:1 · APCA Lc 51
Beste Textfarbe: #000000
WCAG 7.99:1 (AAA) · APCA Lc 51
Contrast pairs
Code-Snippets
CSS
:root {
--metropolis-mood: #99a1a5;
--metropolis-mood-rgb: 153 161 165;
--metropolis-mood-oklch: oklch(0.704 0.011 229);
}
.element {
color: var(--metropolis-mood);
background-color: hsl(200 6% 62%);
border-color: oklch(0.704 0.011 229);
}Tailwind CSS v4
@theme {
--color-metropolis-mood: #99a1a5;
--color-metropolis-mood-50: #f2f6f8;
--color-metropolis-mood-100: #e4e9eb;
--color-metropolis-mood-200: #d0d5d8;
--color-metropolis-mood-300: #b2b8bc;
--color-metropolis-mood-400: #98a0a4;
--color-metropolis-mood-500: #7f888c;
--color-metropolis-mood-600: #6c7376;
--color-metropolis-mood-700: #565c5f;
--color-metropolis-mood-800: #3f4345;
--color-metropolis-mood-900: #2b2e30;
--color-metropolis-mood-950: #181b1c;
}SCSS
$metropolis-mood: #99a1a5;
$metropolis-mood-rgb: 153, 161, 165;
$metropolis-mood-light: mix(#fff, $metropolis-mood, 20%);
$metropolis-mood-dark: mix(#000, $metropolis-mood, 20%);
.element {
color: $metropolis-mood;
box-shadow: 0 0 0 2px rgba($metropolis-mood, 0.35);
}