Benannte Farbe · #8190A4
Montage
Montage ist #8190A4: rgb(129 144 164), hsl(214 16% 57%), oklch(0.648 0.035 255.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Montage color name →
#8190A4
oklch(0.648 0.035 255.6)
Farbumrechnungen
- HEX
- #8190a4
- RGB
- rgb(129 144 164)
- HSL
- hsl(214 16% 57%)
- HWB
- hwb(214 51% 36%)
- OKLCH
- oklch(0.648 0.035 255.6)
- OKLab
- oklab(0.648 -0.009 -0.034)
- CIE Lab
- lab(59.09 -2.22 -12.52)
- LCH
- lch(59.09 12.71 260)
- CMYK
- cmyk(21% 12% 0% 36%)
Tints · Shades · Tones
Tints
- 8D9BAD
- 99A5B6
- A5B0BF
- B2BBC8
- BEC6D1
- CBD1DA
- D8DDE3
- E5E8EC
- F2F3F6
Shades
- 6F7D8E
- 5E6A79
- 4E5764
- 3E4550
- 2E343D
- 1F242B
- 12151A
- 06070A
- 010101
Tones
- 818EA0
- 818D9D
- 818B99
- 818A96
- 818892
- 81868E
- 80858B
- 808387
- 808284
Farbharmonien
Komplementär +180°
- 8190A4
Montage
- 9B8C78
≈ German Camouflage Beige
Analog -30° +30°
- 8190A4
Montage
- 79939F
≈ Ebb Tide
- 8C8CA3
≈ Violet Verbena
Triadisch +120° +240°
- 8190A4
Montage
- A38688
≈ Rosaline Pearl
- 85947F
≈ Silver Linden Grey
Geteilt komplementär +150° +210°
- 8190A4
Montage
- A1897D
≈ Aspiration
- 919078
≈ Paseo Verde
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.25:1 · APCA Lc 60
Ag
AAAuf Schwarz
WCAG 6.45:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.45:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--montage: #8190a4;
--montage-rgb: 129 144 164;
--montage-oklch: oklch(0.648 0.035 255.6);
}
.element {
color: var(--montage);
background-color: hsl(214 16% 57%);
border-color: oklch(0.648 0.035 255.6);
}Tailwind CSS v4
@theme {
--color-montage: #8190a4;
--color-montage-50: #eff6ff;
--color-montage-100: #e1e9f4;
--color-montage-200: #cbd5e3;
--color-montage-300: #adb8c9;
--color-montage-400: #91a0b3;
--color-montage-500: #77889d;
--color-montage-600: #657385;
--color-montage-700: #515c6b;
--color-montage-800: #3a434e;
--color-montage-900: #282e37;
--color-montage-950: #161b21;
}SCSS
$montage: #8190a4;
$montage-rgb: 129, 144, 164;
$montage-light: mix(#fff, $montage, 20%);
$montage-dark: mix(#000, $montage, 20%);
.element {
color: $montage;
box-shadow: 0 0 0 2px rgba($montage, 0.35);
}