Benannte Farbe · #A7B3B5
Winter Morning Mist
Winter Morning Mist ist #A7B3B5: rgb(167 179 181), hsl(189 9% 68%), oklch(0.758 0.014 208.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Winter Morning Mist color name →
#A7B3B5
oklch(0.758 0.014 208.8)
Farbumrechnungen
- HEX
- #a7b3b5
- RGB
- rgb(167 179 181)
- HSL
- hsl(189 9% 68%)
- HWB
- hwb(189 65% 29%)
- OKLCH
- oklch(0.758 0.014 208.8)
- OKLab
- oklab(0.758 -0.012 -0.007)
- CIE Lab
- lab(72.04 -4.03 -2.54)
- LCH
- lch(72.04 4.77 212.2)
- CMYK
- cmyk(8% 1% 0% 29%)
Tints · Shades · Tones
Tints
- B0BABC
- B8C2C3
- C1C9CB
- C9D1D2
- D2D8D9
- DBE0E1
- E4E8E8
- EDEFF0
- F6F7F7
Shades
- 919B9D
- 7B8486
- 666E6F
- 525859
- 3E4344
- 2C2F30
- 1A1D1D
- 0A0C0C
- 010102
Tones
- A3AEB0
- 9FA9AA
- 9BA3A5
- 979E9F
- 93999A
- 8F9495
- 8C8F90
- 888A8A
- 848585
Farbharmonien
Komplementär +180°
- A7B3B5
Winter Morning Mist
- B9ADAB
≈ Kid Gloves
Analog -30° +30°
- A7B3B5
Winter Morning Mist
- A8B3B0
≈ Flint Smoke
- A9B2B8
≈ Yreka!
Triadisch +120° +240°
- A7B3B5
Winter Morning Mist
- B6ADB5
≈ Lost Lake
- B4B0A7
≈ Laid Back Grey
Geteilt komplementär +150° +210°
- A7B3B5
Winter Morning Mist
- B8ADB0
≈ Heather Bay
- B7AFA8
≈ Mercurial
Tetradisch +90° +180° +270°
- A7B3B5
Winter Morning Mist
- B1AFB8
≈ Buffed Plum
- B9ADAB
≈ Kid Gloves
- AFB2A8
≈ Pebble Walk
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.15:1 · APCA Lc 42
Ag
AAAAuf Schwarz
WCAG 9.75:1 · APCA Lc 60
Beste Textfarbe: #000000
WCAG 9.75:1 (AAA) · APCA Lc 60
Contrast pairs
Code-Snippets
CSS
:root {
--winter-morning-mist: #a7b3b5;
--winter-morning-mist-rgb: 167 179 181;
--winter-morning-mist-oklch: oklch(0.758 0.014 208.8);
}
.element {
color: var(--winter-morning-mist);
background-color: hsl(189 9% 68%);
border-color: oklch(0.758 0.014 208.8);
}Tailwind CSS v4
@theme {
--color-winter-morning-mist: #a7b3b5;
--color-winter-morning-mist-50: #f1f6f7;
--color-winter-morning-mist-100: #e3e9ea;
--color-winter-morning-mist-200: #ced6d7;
--color-winter-morning-mist-300: #b0b9bb;
--color-winter-morning-mist-400: #96a1a3;
--color-winter-morning-mist-500: #7c898b;
--color-winter-morning-mist-600: #697476;
--color-winter-morning-mist-700: #545d5e;
--color-winter-morning-mist-800: #3d4445;
--color-winter-morning-mist-900: #2a2f2f;
--color-winter-morning-mist-950: #181b1c;
}SCSS
$winter-morning-mist: #a7b3b5;
$winter-morning-mist-rgb: 167, 179, 181;
$winter-morning-mist-light: mix(#fff, $winter-morning-mist, 20%);
$winter-morning-mist-dark: mix(#000, $winter-morning-mist, 20%);
.element {
color: $winter-morning-mist;
box-shadow: 0 0 0 2px rgba($winter-morning-mist, 0.35);
}