Benannte Farbe · #998988
Fashion Week
Fashion Week ist #998988: rgb(153 137 136), hsl(4 8% 57%), oklch(0.644 0.019 22). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Fashion Week color name →
#998988
oklch(0.644 0.019 22)
Farbumrechnungen
- HEX
- #998988
- RGB
- rgb(153 137 136)
- HSL
- hsl(4 8% 57%)
- HWB
- hwb(4 53% 40%)
- OKLCH
- oklch(0.644 0.019 22)
- OKLab
- oklab(0.644 0.018 0.007)
- CIE Lab
- lab(58.52 6.09 2.85)
- LCH
- lch(58.52 6.72 25.1)
- CMYK
- cmyk(0% 10% 11% 40%)
Tints · Shades · Tones
Tints
- A39493
- ADA09F
- B7ABAA
- C1B7B6
- CBC2C2
- D5CECE
- E0DADA
- EAE6E6
- F4F3F3
Shades
- 847675
- 706463
- 5D5352
- 4A4241
- 383131
- 272222
- 171413
- 080706
- 010101
Tones
- 978887
- 948786
- 928686
- 8F8585
- 8D8584
- 8A8483
- 888382
- 858282
- 838181
Farbharmonien
Komplementär +180°
- 998988
Fashion Week
- 809192
≈ Nantucket Bay
Analog -30° +30°
- 998988
Fashion Week
- 97898E
≈ Cinema Screen
- 988A83
≈ Warm Grey
Triadisch +120° +240°
- 998988
Fashion Week
- 879186
≈ Grey Heron
- 878E9A
≈ Flannel Pyjamas
Geteilt komplementär +150° +210°
- 998988
Fashion Week
- 82918C
≈ Ballroom Slippers
- 829097
≈ Dark Storm Cloud
Tetradisch +90° +180° +270°
- 998988
Fashion Week
- 8D8F81
≈ Incognito
- 809192
≈ Nantucket Bay
- 8D8B99
≈ Alaitoc Blue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.33:1 · APCA Lc 61
Ag
AAAuf Schwarz
WCAG 6.28:1 · APCA Lc 41
Beste Textfarbe: #000000
WCAG 6.28:1 (AA) · APCA Lc 41
Contrast pairs
Code-Snippets
CSS
:root {
--fashion-week: #998988;
--fashion-week-rgb: 153 137 136;
--fashion-week-oklch: oklch(0.644 0.019 22);
}
.element {
color: var(--fashion-week);
background-color: hsl(4 8% 57%);
border-color: oklch(0.644 0.019 22);
}Tailwind CSS v4
@theme {
--color-fashion-week: #998988;
--color-fashion-week-50: #fbf3f2;
--color-fashion-week-100: #eee5e5;
--color-fashion-week-200: #dcd1d0;
--color-fashion-week-300: #c1b4b2;
--color-fashion-week-400: #aa9a99;
--color-fashion-week-500: #938180;
--color-fashion-week-600: #7c6e6d;
--color-fashion-week-700: #635857;
--color-fashion-week-800: #494040;
--color-fashion-week-900: #332c2c;
--color-fashion-week-950: #1e1919;
}SCSS
$fashion-week: #998988;
$fashion-week-rgb: 153, 137, 136;
$fashion-week-light: mix(#fff, $fashion-week, 20%);
$fashion-week-dark: mix(#000, $fashion-week, 20%);
.element {
color: $fashion-week;
box-shadow: 0 0 0 2px rgba($fashion-week, 0.35);
}