Benannte Farbe · #B2B5AF
Magnetic
Magnetic ist #B2B5AF: rgb(178 181 175), hsl(90 4% 70%), oklch(0.769 0.009 128.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Magnetic color name →
#B2B5AF
oklch(0.769 0.009 128.6)
Farbumrechnungen
- HEX
- #b2b5af
- RGB
- rgb(178 181 175)
- HSL
- hsl(90 4% 70%)
- HWB
- hwb(90 69% 29%)
- OKLCH
- oklch(0.769 0.009 128.6)
- OKLab
- oklab(0.769 -0.006 0.007)
- CIE Lab
- lab(73.3 -1.92 2.68)
- LCH
- lch(73.3 3.3 125.7)
- CMYK
- cmyk(2% 0% 3% 29%)
Tints · Shades · Tones
Tints
- B9BCB7
- C1C3BF
- C9CBC6
- D0D2CE
- D8D9D6
- E0E1DE
- E7E8E6
- EFF0EF
- F7F7F7
Shades
- 9A9D98
- 838681
- 6D6F6B
- 575956
- 434441
- 2F302E
- 1D1D1C
- 0C0C0B
- 010201
Tones
- ADB0AA
- A8AAA5
- A3A5A1
- 9E9F9C
- 999A97
- 949592
- 8F908E
- 8A8A89
- 858585
Farbharmonien
Komplementär +180°
- B2B5AF
Magnetic
- B5B2B8
≈ Swanky Grey
Analog -30° +30°
- B2B5AF
Magnetic
- B5B4AE
≈ Quincy Granite
- AFB6B2
≈ Periglacial Blue
Triadisch +120° +240°
- B2B5AF
Magnetic
- B0B4B9
≈ Astroscopus Grey
- B9B2B3
≈ Soft Metal
Geteilt komplementär +150° +210°
- B2B5AF
Magnetic
- B2B3BA
≈ A Month of Sundays
- B8B2B6
≈ Swanky Grey
Tetradisch +90° +180° +270°
- B2B5AF
Magnetic
- AEB5B8
≈ Smoke Cloud
- B5B2B8
≈ Swanky Grey
- B9B2B0
≈ Soft Metal
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.07:1 · APCA Lc 41
Ag
AAAAuf Schwarz
WCAG 10.12:1 · APCA Lc 62
Beste Textfarbe: #000000
WCAG 10.12:1 (AAA) · APCA Lc 62
Contrast pairs
Code-Snippets
CSS
:root {
--magnetic: #b2b5af;
--magnetic-rgb: 178 181 175;
--magnetic-oklch: oklch(0.769 0.009 128.6);
}
.element {
color: var(--magnetic);
background-color: hsl(90 4% 70%);
border-color: oklch(0.769 0.009 128.6);
}Tailwind CSS v4
@theme {
--color-magnetic: #b2b5af;
--color-magnetic-50: #f4f6f3;
--color-magnetic-100: #e7e8e5;
--color-magnetic-200: #d3d5d1;
--color-magnetic-300: #b6b8b4;
--color-magnetic-400: #9d9f9a;
--color-magnetic-500: #848781;
--color-magnetic-600: #70736d;
--color-magnetic-700: #595c57;
--color-magnetic-800: #414340;
--color-magnetic-900: #2d2e2c;
--color-magnetic-950: #1a1b19;
}SCSS
$magnetic: #b2b5af;
$magnetic-rgb: 178, 181, 175;
$magnetic-light: mix(#fff, $magnetic, 20%);
$magnetic-dark: mix(#000, $magnetic, 20%);
.element {
color: $magnetic;
box-shadow: 0 0 0 2px rgba($magnetic, 0.35);
}