Benannte Farbe · #757C7D
Gotham City
Gotham City ist #757C7D: rgb(117 124 125), hsl(187 3% 47%), oklch(0.581 0.009 207.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Gotham City color name →
#757C7D
oklch(0.581 0.009 207.1)
Farbumrechnungen
- HEX
- #757c7d
- RGB
- rgb(117 124 125)
- HSL
- hsl(187 3% 47%)
- HWB
- hwb(187 46% 51%)
- OKLCH
- oklch(0.581 0.009 207.1)
- OKLab
- oklab(0.581 -0.008 -0.004)
- CIE Lab
- lab(51.44 -2.55 -1.5)
- LCH
- lch(51.44 2.96 210.5)
- CMYK
- cmyk(6% 1% 0% 51%)
Tints · Shades · Tones
Tints
- 828889
- 8F9596
- 9CA1A2
- AAAEAF
- B8BBBC
- C6C9C9
- D4D6D6
- E2E3E4
- F0F1F1
Shades
- 656B6C
- 555A5B
- 464A4B
- 373B3B
- 292C2C
- 1C1E1E
- 0F1111
- 050505
- 010101
Tones
- 767C7D
- 777D7E
- 787D7E
- 797E7E
- 7B7E7F
- 7C7E7F
- 7D7F7F
- 7E7F7F
- 7F8080
Farbharmonien
Komplementär +180°
- 757C7D
Gotham City
- 807978
≈ Grey Suit
Analog -30° +30°
- 757C7D
Gotham City
- 757C7A
≈ Gotham City
- 767B7F
≈ Philosophical
Triadisch +120° +240°
- 757C7D
Gotham City
- 7D797D
≈ Cinder Fox
- 7D7A75
≈ Caps
Geteilt komplementär +150° +210°
- 757C7D
Gotham City
- 7F787A
≈ Cinder Fox
- 7F7976
≈ Grey Suit
Tetradisch +90° +180° +270°
- 757C7D
Gotham City
- 7B797F
≈ Special Grey
- 807978
≈ Grey Suit
- 7A7B76
≈ Gunsmoke
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.25:1 · APCA Lc 69
Ag
AAAuf Schwarz
WCAG 4.93:1 · APCA Lc 32
Beste Textfarbe: #000000
WCAG 4.93:1 (AA) · APCA Lc 32
Contrast pairs
Code-Snippets
CSS
:root {
--gotham-city: #757c7d;
--gotham-city-rgb: 117 124 125;
--gotham-city-oklch: oklch(0.581 0.009 207.1);
}
.element {
color: var(--gotham-city);
background-color: hsl(187 3% 47%);
border-color: oklch(0.581 0.009 207.1);
}Tailwind CSS v4
@theme {
--color-gotham-city: #757c7d;
--color-gotham-city-50: #f2f6f6;
--color-gotham-city-100: #e5e9e9;
--color-gotham-city-200: #d0d5d6;
--color-gotham-city-300: #b3b9ba;
--color-gotham-city-400: #99a0a1;
--color-gotham-city-500: #808889;
--color-gotham-city-600: #6c7374;
--color-gotham-city-700: #575c5d;
--color-gotham-city-800: #3f4344;
--color-gotham-city-900: #2b2e2f;
--color-gotham-city-950: #191b1b;
}SCSS
$gotham-city: #757c7d;
$gotham-city-rgb: 117, 124, 125;
$gotham-city-light: mix(#fff, $gotham-city, 20%);
$gotham-city-dark: mix(#000, $gotham-city, 20%);
.element {
color: $gotham-city;
box-shadow: 0 0 0 2px rgba($gotham-city, 0.35);
}