Colore con nome · #989D9F
Drizzling Mist
Drizzling Mist è #989D9F: rgb(152 157 159), hsl(197 4% 61%), oklch(0.693 0.006 223.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Drizzling Mist color name →
#989D9F
oklch(0.693 0.006 223.5)
Conversioni di colore
- HEX
- #989d9f
- RGB
- rgb(152 157 159)
- HSL
- hsl(197 4% 61%)
- HWB
- hwb(197 60% 38%)
- OKLCH
- oklch(0.693 0.006 223.5)
- OKLab
- oklab(0.693 -0.005 -0.004)
- CIE Lab
- lab(64.37 -1.56 -1.71)
- LCH
- lch(64.37 2.32 227.5)
- CMYK
- cmyk(4% 1% 0% 38%)
Tinte · Ombre · Toni
Tinte
- A2A6A8
- ACB0B2
- B6B9BB
- C0C3C4
- CACDCE
- D5D7D8
- DFE1E1
- EAEBEB
- F4F5F5
Ombre
- 84888A
- 707375
- 5C5F61
- 4A4C4D
- 383A3B
- 272829
- 171818
- 080909
- 010101
Toni
- 969A9C
- 939799
- 919496
- 8E9192
- 8C8E8F
- 8A8B8C
- 878989
- 858686
- 828383
Armonie di colore
Complementare +180°
- 989D9F
Drizzling Mist
- A09B99
≈ Paloma
Analogo -30° +30°
- 989D9F
Drizzling Mist
- 989D9D
≈ Pencil Sketch
- 999CA0
≈ Drizzling Mist
Triadico +120° +240°
- 989D9F
Drizzling Mist
- 9F9A9D
≈ Shady Lady
- 9D9C98
≈ Bedrock
Complementare divisa +150° +210°
- 989D9F
Drizzling Mist
- A09A9B
≈ Shady Lady
- 9F9C98
≈ Flint Grey
Tetradico +90° +180° +270°
- 989D9F
Drizzling Mist
- 9D9B9F
≈ Shady Lady
- A09B99
≈ Paloma
- 9A9D99
≈ Pipe Dream
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.74:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.65:1 · APCA Lc 49
Miglior colore del testo: #000000
WCAG 7.65:1 (AAA) · APCA Lc 49
Contrast pairs
Frammenti di codice
CSS
:root {
--drizzling-mist: #989d9f;
--drizzling-mist-rgb: 152 157 159;
--drizzling-mist-oklch: oklch(0.693 0.006 223.5);
}
.element {
color: var(--drizzling-mist);
background-color: hsl(197 4% 61%);
border-color: oklch(0.693 0.006 223.5);
}Tailwind CSS v4
@theme {
--color-drizzling-mist: #989d9f;
--color-drizzling-mist-50: #f3f5f6;
--color-drizzling-mist-100: #e6e8e9;
--color-drizzling-mist-200: #d1d5d6;
--color-drizzling-mist-300: #b4b8ba;
--color-drizzling-mist-400: #9a9fa1;
--color-drizzling-mist-500: #828789;
--color-drizzling-mist-600: #6e7274;
--color-drizzling-mist-700: #585b5d;
--color-drizzling-mist-800: #404344;
--color-drizzling-mist-900: #2c2e2f;
--color-drizzling-mist-950: #191b1b;
}SCSS
$drizzling-mist: #989d9f;
$drizzling-mist-rgb: 152, 157, 159;
$drizzling-mist-light: mix(#fff, $drizzling-mist, 20%);
$drizzling-mist-dark: mix(#000, $drizzling-mist, 20%);
.element {
color: $drizzling-mist;
box-shadow: 0 0 0 2px rgba($drizzling-mist, 0.35);
}