Colore con nome · #998988
Fashion Week
Fashion Week è #998988: rgb(153 137 136), hsl(4 8% 57%), oklch(0.644 0.019 22). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Fashion Week color name →
#998988
oklch(0.644 0.019 22)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- A39493
- ADA09F
- B7ABAA
- C1B7B6
- CBC2C2
- D5CECE
- E0DADA
- EAE6E6
- F4F3F3
Ombre
- 847675
- 706463
- 5D5352
- 4A4241
- 383131
- 272222
- 171413
- 080706
- 010101
Toni
- 978887
- 948786
- 928686
- 8F8585
- 8D8584
- 8A8483
- 888382
- 858282
- 838181
Armonie di colore
Complementare +180°
- 998988
Fashion Week
- 809192
≈ Nantucket Bay
Analogo -30° +30°
- 998988
Fashion Week
- 97898E
≈ Cinema Screen
- 988A83
≈ Warm Grey
Triadico +120° +240°
- 998988
Fashion Week
- 879186
≈ Grey Heron
- 878E9A
≈ Flannel Pyjamas
Complementare divisa +150° +210°
- 998988
Fashion Week
- 82918C
≈ Ballroom Slippers
- 829097
≈ Dark Storm Cloud
Tetradico +90° +180° +270°
- 998988
Fashion Week
- 8D8F81
≈ Incognito
- 809192
≈ Nantucket Bay
- 8D8B99
≈ Alaitoc Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.33:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.28:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.28:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
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);
}