Benannte Farbe · #9FA6B3
Great Falls
Great Falls ist #9FA6B3: rgb(159 166 179), hsl(219 12% 66%), oklch(0.724 0.02 263). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Great Falls color name →
#9FA6B3
oklch(0.724 0.02 263)
Farbumrechnungen
- HEX
- #9fa6b3
- RGB
- rgb(159 166 179)
- HSL
- hsl(219 12% 66%)
- HWB
- hwb(219 62% 30%)
- OKLCH
- oklch(0.724 0.02 263)
- OKLab
- oklab(0.724 -0.002 -0.02)
- CIE Lab
- lab(67.86 -0.59 -7.63)
- LCH
- lch(67.86 7.65 265.6)
- CMYK
- cmyk(11% 7% 0% 30%)
Tints · Shades · Tones
Tints
- A8AFBA
- B2B7C2
- BBC0C9
- C4C9D1
- CED2D8
- D8DBE0
- E1E4E8
- EBEDEF
- F5F6F7
Shades
- 8A909B
- 757A84
- 61656E
- 4D5158
- 3B3E43
- 292B2F
- 181A1D
- 090A0C
- 010101
Tones
- 9CA2AE
- 999EA9
- 969AA3
- 92979E
- 8F9399
- 8C8F94
- 898B8F
- 86878A
- 838485
Farbharmonien
Komplementär +180°
- 9FA6B3
Great Falls
- ACA598
≈ Tornado Watch
Analog -30° +30°
- 9FA6B3
Great Falls
- 9AA8B1
≈ Nor’wester
- A6A4B2
≈ Luxe Lilac
Triadisch +120° +240°
- 9FA6B3
Great Falls
- B2A1A0
≈ Dusky Hyacinth
- 9FA99E
≈ Secret Retreat
Geteilt komplementär +150° +210°
- 9FA6B3
Great Falls
- B1A39A
≈ Moleskin
- A5A799
≈ Backdrop
Tetradisch +90° +180° +270°
- 9FA6B3
Great Falls
- B1A1A7
≈ Flexible Grey
- ACA598
≈ Tornado Watch
- 99AAA4
≈ Halcyon Green
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.44:1 · APCA Lc 48
Ag
AAAAuf Schwarz
WCAG 8.57:1 · APCA Lc 54
Beste Textfarbe: #000000
WCAG 8.57:1 (AAA) · APCA Lc 54
Contrast pairs
Code-Snippets
CSS
:root {
--great-falls: #9fa6b3;
--great-falls-rgb: 159 166 179;
--great-falls-oklch: oklch(0.724 0.02 263);
}
.element {
color: var(--great-falls);
background-color: hsl(219 12% 66%);
border-color: oklch(0.724 0.02 263);
}Tailwind CSS v4
@theme {
--color-great-falls: #9fa6b3;
--color-great-falls-50: #f2f5fb;
--color-great-falls-100: #e4e8ef;
--color-great-falls-200: #d0d4dd;
--color-great-falls-300: #b2b7c2;
--color-great-falls-400: #989fab;
--color-great-falls-500: #7f8694;
--color-great-falls-600: #6c727d;
--color-great-falls-700: #565b64;
--color-great-falls-800: #3e434a;
--color-great-falls-900: #2b2e33;
--color-great-falls-950: #181b1f;
}SCSS
$great-falls: #9fa6b3;
$great-falls-rgb: 159, 166, 179;
$great-falls-light: mix(#fff, $great-falls, 20%);
$great-falls-dark: mix(#000, $great-falls, 20%);
.element {
color: $great-falls;
box-shadow: 0 0 0 2px rgba($great-falls, 0.35);
}