Benannte Farbe · #6A819E
Bay View
Bay View ist #6A819E: rgb(106 129 158), hsl(213 21% 52%), oklch(0.596 0.052 254.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Bay View color name →
#6A819E
oklch(0.596 0.052 254.4)
Farbumrechnungen
- HEX
- #6a819e
- RGB
- rgb(106 129 158)
- HSL
- hsl(213 21% 52%)
- HWB
- hwb(213 42% 38%)
- OKLCH
- oklch(0.596 0.052 254.4)
- OKLab
- oklab(0.596 -0.014 -0.05)
- CIE Lab
- lab(52.97 -3.14 -18.48)
- LCH
- lch(52.97 18.74 260.4)
- CMYK
- cmyk(33% 18% 0% 38%)
Tints · Shades · Tones
Tints
- 788DA8
- 8699B1
- 95A5BB
- A3B2C4
- B2BECE
- C1CBD8
- D0D8E1
- E0E5EB
- EFF2F5
Shades
- 5B6F89
- 4D5E74
- 3F4E60
- 313E4D
- 242E3A
- 181F29
- 0D1218
- 040609
- 000101
Tones
- 6C819B
- 6F8198
- 718195
- 738192
- 75818F
- 77818C
- 7A8089
- 7C8086
- 7E8083
Farbharmonien
Komplementär +180°
- 6A819E
Bay View
- 927B5C
≈ Tweedy
Analog -30° +30°
- 6A819E
Bay View
- 5D8696
≈ Play Me a Melody
- 7B7B9D
≈ Bossa Nova Blue
Triadisch +120° +240°
- 6A819E
Bay View
- 9C7375
≈ Regal Rose
- 728667
≈ Wreath
Geteilt komplementär +150° +210°
- 6A819E
Bay View
- 9A7666
≈ Beaver Fur
- 84815D
≈ Spinach Souffle
Tetradisch +90° +180° +270°
- 6A819E
Bay View
- 967386
≈ Artiste
- 927B5C
≈ Tweedy
- 628977
≈ Green Adirondack
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.00:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.24:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 5.24:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--bay-view: #6a819e;
--bay-view-rgb: 106 129 158;
--bay-view-oklch: oklch(0.596 0.052 254.4);
}
.element {
color: var(--bay-view);
background-color: hsl(213 21% 52%);
border-color: oklch(0.596 0.052 254.4);
}Tailwind CSS v4
@theme {
--color-bay-view: #6a819e;
--color-bay-view-50: #ecf6ff;
--color-bay-view-100: #dde9fa;
--color-bay-view-200: #c6d6eb;
--color-bay-view-300: #a7b9d2;
--color-bay-view-400: #8aa1bd;
--color-bay-view-500: #6f88a9;
--color-bay-view-600: #5e738e;
--color-bay-view-700: #4b5c72;
--color-bay-view-800: #354454;
--color-bay-view-900: #242f3b;
--color-bay-view-950: #131b25;
}SCSS
$bay-view: #6a819e;
$bay-view-rgb: 106, 129, 158;
$bay-view-light: mix(#fff, $bay-view, 20%);
$bay-view-dark: mix(#000, $bay-view, 20%);
.element {
color: $bay-view;
box-shadow: 0 0 0 2px rgba($bay-view, 0.35);
}