Colore con nome · #8B8D98
Flannel Pyjamas
Flannel Pyjamas è #8B8D98: rgb(139 141 152), hsl(231 6% 57%), oklch(0.645 0.016 277.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Flannel Pyjamas color name →
#8B8D98
oklch(0.645 0.016 277.7)
Conversioni di colore
- HEX
- #8b8d98
- RGB
- rgb(139 141 152)
- HSL
- hsl(231 6% 57%)
- HWB
- hwb(231 55% 40%)
- OKLCH
- oklch(0.645 0.016 277.7)
- OKLab
- oklab(0.645 0.002 -0.016)
- CIE Lab
- lab(58.74 0.92 -6.13)
- LCH
- lch(58.74 6.2 278.6)
- CMYK
- cmyk(9% 7% 0% 40%)
Tinte · Ombre · Toni
Tinte
- 9698A2
- A1A3AC
- ACAEB6
- B8B9C0
- C3C4CA
- CFD0D5
- DBDCDF
- E7E7EA
- F3F3F4
Ombre
- 787A84
- 666770
- 54555C
- 43444A
- 323338
- 232327
- 141417
- 070708
- 010101
Toni
- 8A8C96
- 898A93
- 888991
- 87888E
- 85868C
- 84858A
- 838487
- 828385
- 818182
Armonie di colore
Complementare +180°
- 8B8D98
Flannel Pyjamas
- 908E83
≈ Incognito
Analogo -30° +30°
- 8B8D98
Flannel Pyjamas
- 868F98
≈ Common Feldspar
- 908B96
≈ Alaitoc Blue
Triadico +120° +240°
- 8B8D98
Flannel Pyjamas
- 978B87
≈ Warm Grey
- 86918A
≈ Sandstone Grey Green
Complementare divisa +150° +210°
- 8B8D98
Flannel Pyjamas
- 958C83
≈ Sultry Castle
- 8B9085
≈ Incognito
Tetradico +90° +180° +270°
- 8B8D98
Flannel Pyjamas
- 978A8C
≈ Fashion Week
- 908E83
≈ Incognito
- 83918F
≈ Marble Green-Grey
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.30:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.36:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.36:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--flannel-pyjamas: #8b8d98;
--flannel-pyjamas-rgb: 139 141 152;
--flannel-pyjamas-oklch: oklch(0.645 0.016 277.7);
}
.element {
color: var(--flannel-pyjamas);
background-color: hsl(231 6% 57%);
border-color: oklch(0.645 0.016 277.7);
}Tailwind CSS v4
@theme {
--color-flannel-pyjamas: #8b8d98;
--color-flannel-pyjamas-50: #f4f5fa;
--color-flannel-pyjamas-100: #e6e7ed;
--color-flannel-pyjamas-200: #d2d4db;
--color-flannel-pyjamas-300: #b5b7c0;
--color-flannel-pyjamas-400: #9c9ea8;
--color-flannel-pyjamas-500: #838591;
--color-flannel-pyjamas-600: #6f717b;
--color-flannel-pyjamas-700: #595a62;
--color-flannel-pyjamas-800: #414248;
--color-flannel-pyjamas-900: #2c2e32;
--color-flannel-pyjamas-950: #1a1a1e;
}SCSS
$flannel-pyjamas: #8b8d98;
$flannel-pyjamas-rgb: 139, 141, 152;
$flannel-pyjamas-light: mix(#fff, $flannel-pyjamas, 20%);
$flannel-pyjamas-dark: mix(#000, $flannel-pyjamas, 20%);
.element {
color: $flannel-pyjamas;
box-shadow: 0 0 0 2px rgba($flannel-pyjamas, 0.35);
}