Benannte Farbe · #53504E
German Grey
German Grey ist #53504E: rgb(83 80 78), hsl(24 3% 32%), oklch(0.433 0.005 56.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · German Grey color name →
#53504E
oklch(0.433 0.005 56.3)
Farbumrechnungen
- HEX
- #53504e
- RGB
- rgb(83 80 78)
- HSL
- hsl(24 3% 32%)
- HWB
- hwb(24 31% 67%)
- OKLCH
- oklch(0.433 0.005 56.3)
- OKLab
- oklab(0.433 0.003 0.004)
- CIE Lab
- lab(34.27 0.96 1.64)
- LCH
- lch(34.27 1.9 59.6)
- CMYK
- cmyk(0% 4% 6% 67%)
Tints · Shades · Tones
Tints
- 63605E
- 73706E
- 83817F
- 949290
- A5A3A2
- B6B5B4
- C8C7C6
- DAD9D9
- ECECEC
Shades
- 474443
- 3B3938
- 302E2D
- 252423
- 1B1A19
- 11100F
- 080707
- 020202
- 000000
Tones
- 575553
- 5C5958
- 605E5D
- 656361
- 696866
- 6E6C6B
- 727171
- 777676
- 7B7B7B
Farbharmonien
Komplementär +180°
- 53504E
German Grey
- 4E5153
≈ Satin Black
Analog -30° +30°
- 53504E
German Grey
- 53504F
≈ German Grey
- 52514E
≈ German Grey
Triadisch +120° +240°
- 53504E
German Grey
- 4E5251
≈ Blank Space
- 515053
≈ Magnet
Geteilt komplementär +150° +210°
- 53504E
German Grey
- 4E5252
≈ Satin Black
- 4F5154
≈ Lump of Coal
Tetradisch +90° +180° +270°
- 53504E
German Grey
- 4F514F
≈ Blank Space
- 4E5153
≈ Satin Black
- 525052
≈ Briquette Grey
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.99:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.62:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 7.99:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--german-grey: #53504e;
--german-grey-rgb: 83 80 78;
--german-grey-oklch: oklch(0.433 0.005 56.3);
}
.element {
color: var(--german-grey);
background-color: hsl(24 3% 32%);
border-color: oklch(0.433 0.005 56.3);
}Tailwind CSS v4
@theme {
--color-german-grey: #53504e;
--color-german-grey-50: #f6f5f4;
--color-german-grey-100: #e9e7e6;
--color-german-grey-200: #d6d4d2;
--color-german-grey-300: #b9b7b5;
--color-german-grey-400: #a19e9b;
--color-german-grey-500: #898583;
--color-german-grey-600: #74716f;
--color-german-grey-700: #5d5a59;
--color-german-grey-800: #444241;
--color-german-grey-900: #2f2d2d;
--color-german-grey-950: #1b1a1a;
}SCSS
$german-grey: #53504e;
$german-grey-rgb: 83, 80, 78;
$german-grey-light: mix(#fff, $german-grey, 20%);
$german-grey-dark: mix(#000, $german-grey, 20%);
.element {
color: $german-grey;
box-shadow: 0 0 0 2px rgba($german-grey, 0.35);
}