Benannte Farbe · #94897C
Art District
Art District ist #94897C: rgb(148 137 124), hsl(32 10% 53%), oklch(0.636 0.023 72). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Art District color name →
#94897C
oklch(0.636 0.023 72)
Farbumrechnungen
- HEX
- #94897c
- RGB
- rgb(148 137 124)
- HSL
- hsl(32 10% 53%)
- HWB
- hwb(32 49% 42%)
- OKLCH
- oklch(0.636 0.023 72)
- OKLab
- oklab(0.636 0.007 0.022)
- CIE Lab
- lab(57.79 2.57 8.57)
- LCH
- lch(57.79 8.94 73.3)
- CMYK
- cmyk(0% 7% 16% 42%)
Tints · Shades · Tones
Tints
- 9E9488
- A9A095
- B3ABA2
- BEB7AE
- C8C2BC
- D3CEC9
- DEDAD6
- E9E6E4
- F4F3F1
Shades
- 80766B
- 6D645A
- 5A534A
- 48423B
- 36312C
- 26221E
- 161411
- 080705
- 010101
Tones
- 92887C
- 90877D
- 8E867D
- 8C857E
- 8A857E
- 88847F
- 86837F
- 84827F
- 828180
Farbharmonien
Komplementär +180°
- 94897C
Art District
- 818C99
≈ River Tour
Analog -30° +30°
- 94897C
Art District
- 988780
≈ Cantankerous Hippo
- 8D8C7C
≈ Meander
Triadisch +120° +240°
- 94897C
Art District
- 7C908E
≈ Castaway Cove
- 908795
≈ Smokey Lilac
Geteilt komplementär +150° +210°
- 94897C
Art District
- 7C8E95
≈ Denim Drift
- 888A99
≈ Dusty Chimney
Tetradisch +90° +180° +270°
- 94897C
Art District
- 7F9087
≈ Lily Pad Pond
- 818C99
≈ River Tour
- 96868F
≈ Cinema Screen
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.42:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 6.12:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 6.12:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
CSS
:root {
--art-district: #94897c;
--art-district-rgb: 148 137 124;
--art-district-oklch: oklch(0.636 0.023 72);
}
.element {
color: var(--art-district);
background-color: hsl(32 10% 53%);
border-color: oklch(0.636 0.023 72);
}Tailwind CSS v4
@theme {
--color-art-district: #94897c;
--color-art-district-50: #f9f4ee;
--color-art-district-100: #ede7e0;
--color-art-district-200: #dad3ca;
--color-art-district-300: #bfb6ab;
--color-art-district-400: #a79d90;
--color-art-district-500: #908476;
--color-art-district-600: #7a7064;
--color-art-district-700: #615950;
--color-art-district-800: #48413a;
--color-art-district-900: #322d28;
--color-art-district-950: #1e1a16;
}SCSS
$art-district: #94897c;
$art-district-rgb: 148, 137, 124;
$art-district-light: mix(#fff, $art-district, 20%);
$art-district-dark: mix(#000, $art-district, 20%);
.element {
color: $art-district;
box-shadow: 0 0 0 2px rgba($art-district, 0.35);
}