Nazwany kolor · #94897C
Art District
Art District to #94897C: rgb(148 137 124), hsl(32 10% 53%), oklch(0.636 0.023 72). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Art District color name →
#94897C
oklch(0.636 0.023 72)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9E9488
- A9A095
- B3ABA2
- BEB7AE
- C8C2BC
- D3CEC9
- DEDAD6
- E9E6E4
- F4F3F1
Odcienie ciemniejsze
- 80766B
- 6D645A
- 5A534A
- 48423B
- 36312C
- 26221E
- 161411
- 080705
- 010101
Tony
- 92887C
- 90877D
- 8E867D
- 8C857E
- 8A857E
- 88847F
- 86837F
- 84827F
- 828180
Harmonie kolorów
Komplementarna +180°
- 94897C
Art District
- 818C99
≈ River Tour
Analogowa -30° +30°
- 94897C
Art District
- 988780
≈ Cantankerous Hippo
- 8D8C7C
≈ Meander
Triada +120° +240°
- 94897C
Art District
- 7C908E
≈ Castaway Cove
- 908795
≈ Smokey Lilac
Komplementarna rozszczepiona +150° +210°
- 94897C
Art District
- 7C8E95
≈ Denim Drift
- 888A99
≈ Dusty Chimney
Tetrada +90° +180° +270°
- 94897C
Art District
- 7F9087
≈ Lily Pad Pond
- 818C99
≈ River Tour
- 96868F
≈ Cinema Screen
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.42:1 · APCA Lc 62
Ag
AANa czerni
WCAG 6.12:1 · APCA Lc 40
Najlepszy kolor tekstu: #000000
WCAG 6.12:1 (AA) · APCA Lc 40
Contrast pairs
Fragmenty kodu
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);
}