Colore con nome · #96AFB7
Mountain Stream
Mountain Stream è #96AFB7: rgb(150 175 183), hsl(195 19% 65%), oklch(0.738 0.03 219.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Mountain Stream color name →
#96AFB7
oklch(0.738 0.03 219.1)
Conversioni di colore
- HEX
- #96afb7
- RGB
- rgb(150 175 183)
- HSL
- hsl(195 19% 65%)
- HWB
- hwb(195 59% 28%)
- OKLCH
- oklch(0.738 0.03 219.1)
- OKLab
- oklab(0.738 -0.023 -0.019)
- CIE Lab
- lab(69.75 -7.62 -7.15)
- LCH
- lch(69.75 10.46 223.2)
- CMYK
- cmyk(18% 4% 0% 28%)
Tinte · Ombre · Toni
Tinte
- A0B7BE
- AABFC5
- B5C6CC
- BFCED3
- CAD6DB
- D4DEE2
- DFE6E9
- E9EFF0
- F4F7F8
Ombre
- 82989F
- 6E8187
- 5B6B70
- 49565A
- 374145
- 262E31
- 161C1E
- 080B0C
- 010102
Toni
- 94AAB1
- 92A5AC
- 90A1A6
- 8D9CA1
- 8B979B
- 899396
- 878E90
- 85898B
- 828585
Armonie di colore
Complementare +180°
- 96AFB7
Mountain Stream
- BCA49C
≈ Frontier Land
Analogo -30° +30°
- 96AFB7
Mountain Stream
- 96B1AE
≈ Smooth-Hound Shark
- 9CACBD
≈ Soaring Eagle
Triadico +120° +240°
- 96AFB7
Mountain Stream
- B8A3B0
≈ Buckwheat Mauve
- AEAB96
≈ Moss Grey
Complementare divisa +150° +210°
- 96AFB7
Mountain Stream
- BCA3A6
≈ Tourmaline Mauve
- B7A796
≈ El Capitan
Tetradico +90° +180° +270°
- 96AFB7
Mountain Stream
- B0A5B9
≈ Bellflower Violet
- BCA49C
≈ Frontier Land
- A4AE9A
≈ Limestone Green
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.30:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.11:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.11:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
CSS
:root {
--mountain-stream: #96afb7;
--mountain-stream-rgb: 150 175 183;
--mountain-stream-oklch: oklch(0.738 0.03 219.1);
}
.element {
color: var(--mountain-stream);
background-color: hsl(195 19% 65%);
border-color: oklch(0.738 0.03 219.1);
}Tailwind CSS v4
@theme {
--color-mountain-stream: #96afb7;
--color-mountain-stream-50: #ecf7fb;
--color-mountain-stream-100: #deeaef;
--color-mountain-stream-200: #c7d7dd;
--color-mountain-stream-300: #a7bbc2;
--color-mountain-stream-400: #8ca3ab;
--color-mountain-stream-500: #718b94;
--color-mountain-stream-600: #60767d;
--color-mountain-stream-700: #4c5e64;
--color-mountain-stream-800: #374549;
--color-mountain-stream-900: #263033;
--color-mountain-stream-950: #141c1e;
}SCSS
$mountain-stream: #96afb7;
$mountain-stream-rgb: 150, 175, 183;
$mountain-stream-light: mix(#fff, $mountain-stream, 20%);
$mountain-stream-dark: mix(#000, $mountain-stream, 20%);
.element {
color: $mountain-stream;
box-shadow: 0 0 0 2px rgba($mountain-stream, 0.35);
}