Colore con nome · #9397A3
Time Warp
Time Warp è #9397A3: rgb(147 151 163), hsl(225 8% 61%), oklch(0.677 0.018 271.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Time Warp color name →
#9397A3
oklch(0.677 0.018 271.1)
Conversioni di colore
- HEX
- #9397a3
- RGB
- rgb(147 151 163)
- HSL
- hsl(225 8% 61%)
- HWB
- hwb(225 58% 36%)
- OKLCH
- oklch(0.677 0.018 271.1)
- OKLab
- oklab(0.677 0 -0.018)
- CIE Lab
- lab(62.42 0.33 -6.84)
- LCH
- lch(62.42 6.85 272.8)
- CMYK
- cmyk(10% 7% 0% 36%)
Tinte · Ombre · Toni
Tinte
- 9DA1AC
- A8ABB5
- B2B5BE
- BDBFC7
- C8CAD0
- D2D4D9
- DDDFE3
- E9E9EC
- F4F4F5
Ombre
- 7F838D
- 6C6F78
- 595C63
- 47494F
- 36373C
- 25262A
- 161719
- 08080A
- 010101
Toni
- 91959F
- 8F929C
- 8D9098
- 8B8E95
- 898B91
- 88898E
- 86878A
- 848587
- 828283
Armonie di colore
Complementare +180°
- 9397A3
Time Warp
- 9B978B
≈ London Fog
Analogo -30° +30°
- 9397A3
Time Warp
- 8E99A2
≈ Overcast Day
- 9995A1
≈ Ash Violet
Triadico +120° +240°
- 9397A3
Time Warp
- A29491
≈ Fall Heliotrope
- 909B92
≈ Iceberg Green
Complementare divisa +150° +210°
- 9397A3
Time Warp
- A0958C
≈ Pebbled Path
- 95998D
≈ Pond Leaves
Tetradico +90° +180° +270°
- 9397A3
Time Warp
- A29396
≈ Auger Shell
- 9B978B
≈ London Fog
- 8C9B98
≈ Café Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.91:1 · APCA Lc 56
Ag
AAASu nero
WCAG 7.19:1 · APCA Lc 46
Miglior colore del testo: #000000
WCAG 7.19:1 (AAA) · APCA Lc 46
Contrast pairs
Frammenti di codice
CSS
:root {
--time-warp: #9397a3;
--time-warp-rgb: 147 151 163;
--time-warp-oklch: oklch(0.677 0.018 271.1);
}
.element {
color: var(--time-warp);
background-color: hsl(225 8% 61%);
border-color: oklch(0.677 0.018 271.1);
}Tailwind CSS v4
@theme {
--color-time-warp: #9397a3;
--color-time-warp-50: #f3f5fa;
--color-time-warp-100: #e6e8ee;
--color-time-warp-200: #d1d4dc;
--color-time-warp-300: #b4b7c1;
--color-time-warp-400: #9a9eaa;
--color-time-warp-500: #818693;
--color-time-warp-600: #6e717c;
--color-time-warp-700: #585b63;
--color-time-warp-800: #404249;
--color-time-warp-900: #2c2e33;
--color-time-warp-950: #191a1e;
}SCSS
$time-warp: #9397a3;
$time-warp-rgb: 147, 151, 163;
$time-warp-light: mix(#fff, $time-warp, 20%);
$time-warp-dark: mix(#000, $time-warp, 20%);
.element {
color: $time-warp;
box-shadow: 0 0 0 2px rgba($time-warp, 0.35);
}