Benannte Farbe · #BAB9B6
March Wind
March Wind ist #BAB9B6: rgb(186 185 182), hsl(45 3% 72%), oklch(0.786 0.004 91.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · March Wind color name →
#BAB9B6
oklch(0.786 0.004 91.5)
Farbumrechnungen
- HEX
- #bab9b6
- RGB
- rgb(186 185 182)
- HSL
- hsl(45 3% 72%)
- HWB
- hwb(45 71% 27%)
- OKLCH
- oklch(0.786 0.004 91.5)
- OKLab
- oklab(0.786 0 0.004)
- CIE Lab
- lab(75.16 -0.05 1.66)
- LCH
- lch(75.16 1.66 91.6)
- CMYK
- cmyk(0% 1% 2% 27%)
Tints · Shades · Tones
Tints
- C1C0BD
- C7C7C4
- CECECB
- D5D4D3
- DCDBDA
- E3E2E1
- EAEAE9
- F1F1F0
- F8F8F7
Shades
- A1A09E
- 898986
- 72716F
- 5C5B59
- 464644
- 323130
- 1E1E1D
- 0D0D0C
- 020202
Tones
- B4B3B0
- AEADAB
- A8A8A5
- A2A2A0
- 9D9C9B
- 979695
- 919190
- 8B8B8B
- 868685
Farbharmonien
Komplementär +180°
- BAB9B6
March Wind
- B8B9BC
≈ Quiet Grey
Analog -30° +30°
- BAB9B6
March Wind
- BBB8B6
≈ Essential Grey
- B9BAB6
≈ Silver Bonnet
Triadisch +120° +240°
- BAB9B6
March Wind
- B6BABB
≈ Rocky Shelter
- BBB8BA
≈ Frisky Whiskers
Geteilt komplementär +150° +210°
- BAB9B6
March Wind
- B7B9BC
≈ Let It Rain
- B9B8BB
≈ Geneva Morn
Tetradisch +90° +180° +270°
- BAB9B6
March Wind
- B6BAB9
≈ Mischief Mouse
- B8B9BC
≈ Quiet Grey
- BCB8B9
≈ Fashionable Grey
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.96:1 · APCA Lc 38
Ag
AAAAuf Schwarz
WCAG 10.70:1 · APCA Lc 65
Beste Textfarbe: #000000
WCAG 10.70:1 (AAA) · APCA Lc 65
Contrast pairs
Code-Snippets
CSS
:root {
--march-wind: #bab9b6;
--march-wind-rgb: 186 185 182;
--march-wind-oklch: oklch(0.786 0.004 91.5);
}
.element {
color: var(--march-wind);
background-color: hsl(45 3% 72%);
border-color: oklch(0.786 0.004 91.5);
}Tailwind CSS v4
@theme {
--color-march-wind: #bab9b6;
--color-march-wind-50: #f5f5f4;
--color-march-wind-100: #e8e8e6;
--color-march-wind-200: #d5d4d2;
--color-march-wind-300: #b8b7b5;
--color-march-wind-400: #9f9e9b;
--color-march-wind-500: #878683;
--color-march-wind-600: #72716f;
--color-march-wind-700: #5b5b59;
--color-march-wind-800: #434241;
--color-march-wind-900: #2e2e2d;
--color-march-wind-950: #1b1b1a;
}SCSS
$march-wind: #bab9b6;
$march-wind-rgb: 186, 185, 182;
$march-wind-light: mix(#fff, $march-wind, 20%);
$march-wind-dark: mix(#000, $march-wind, 20%);
.element {
color: $march-wind;
box-shadow: 0 0 0 2px rgba($march-wind, 0.35);
}