Colore con nome · #8F99A2
Overcast Day
Overcast Day è #8F99A2: rgb(143 153 162), hsl(208 9% 60%), oklch(0.678 0.018 245.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Overcast Day color name →
#8F99A2
oklch(0.678 0.018 245.2)
Conversioni di colore
- HEX
- #8f99a2
- RGB
- rgb(143 153 162)
- HSL
- hsl(208 9% 60%)
- HWB
- hwb(208 56% 36%)
- OKLCH
- oklch(0.678 0.018 245.2)
- OKLab
- oklab(0.678 -0.007 -0.016)
- CIE Lab
- lab(62.62 -2.31 -6.03)
- LCH
- lch(62.62 6.46 249)
- CMYK
- cmyk(12% 6% 0% 36%)
Tinte · Ombre · Toni
Tinte
- 9AA3AB
- A4ADB4
- AFB7BD
- BAC1C6
- C6CBD0
- D1D5D9
- DCDFE2
- E8EAEC
- F3F4F5
Ombre
- 7C848C
- 697077
- 575D63
- 454A4F
- 34383C
- 24272A
- 151719
- 07080A
- 010101
Toni
- 8E969F
- 8C949B
- 8B9198
- 898F94
- 888C91
- 868A8D
- 85878A
- 838587
- 828283
Armonie di colore
Complementare +180°
- 8F99A2
Overcast Day
- 9F968D
≈ Pebbled Path
Analogo -30° +30°
- 8F99A2
Overcast Day
- 8C9B9E
≈ Grey Flannel
- 9497A3
≈ Time Warp
Triadico +120° +240°
- 8F99A2
Overcast Day
- A29396
≈ Auger Shell
- 959A8E
≈ Hunter’s Hollow
Complementare divisa +150° +210°
- 8F99A2
Overcast Day
- A29490
≈ Fall Heliotrope
- 9B988C
≈ London Fog
Tetradico +90° +180° +270°
- 8F99A2
Overcast Day
- 9F949C
≈ Hidcote
- 9F968D
≈ Pebbled Path
- 909B93
≈ Tranquillity
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.89:1 · APCA Lc 55
Ag
AAASu nero
WCAG 7.24:1 · APCA Lc 46
Miglior colore del testo: #000000
WCAG 7.24:1 (AAA) · APCA Lc 46
Contrast pairs
Frammenti di codice
CSS
:root {
--overcast-day: #8f99a2;
--overcast-day-rgb: 143 153 162;
--overcast-day-oklch: oklch(0.678 0.018 245.2);
}
.element {
color: var(--overcast-day);
background-color: hsl(208 9% 60%);
border-color: oklch(0.678 0.018 245.2);
}Tailwind CSS v4
@theme {
--color-overcast-day: #8f99a2;
--color-overcast-day-50: #f1f6fa;
--color-overcast-day-100: #e3e8ee;
--color-overcast-day-200: #ced5db;
--color-overcast-day-300: #b0b8c0;
--color-overcast-day-400: #96a0a8;
--color-overcast-day-500: #7d8891;
--color-overcast-day-600: #6a737b;
--color-overcast-day-700: #545c62;
--color-overcast-day-800: #3d4348;
--color-overcast-day-900: #2a2e32;
--color-overcast-day-950: #181b1e;
}SCSS
$overcast-day: #8f99a2;
$overcast-day-rgb: 143, 153, 162;
$overcast-day-light: mix(#fff, $overcast-day, 20%);
$overcast-day-dark: mix(#000, $overcast-day, 20%);
.element {
color: $overcast-day;
box-shadow: 0 0 0 2px rgba($overcast-day, 0.35);
}