Benannte Farbe · #5E819D
Greyish Blue
Greyish Blue ist #5E819D: rgb(94 129 157), hsl(207 25% 49%), oklch(0.588 0.059 243.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Greyish Blue color name →
#5E819D
oklch(0.588 0.059 243.1)
Farbumrechnungen
- HEX
- #5e819d
- RGB
- rgb(94 129 157)
- HSL
- hsl(207 25% 49%)
- HWB
- hwb(207 37% 38%)
- OKLCH
- oklch(0.588 0.059 243.1)
- OKLab
- oklab(0.588 -0.026 -0.052)
- CIE Lab
- lab(52.14 -7.12 -19.24)
- LCH
- lch(52.14 20.52 249.7)
- CMYK
- cmyk(40% 18% 0% 38%)
Tints · Shades · Tones
Tints
- 6D8DA7
- 7D99B0
- 8DA5BA
- 9CB2C4
- ACBECE
- BCCBD7
- CDD8E1
- DDE5EB
- EEF2F5
Shades
- 516F88
- 445E73
- 374E5F
- 2B3E4C
- 1F2E3A
- 141F28
- 0A1218
- 030609
- 000101
Tones
- 62819A
- 658197
- 698195
- 6C8192
- 70818F
- 73818C
- 768189
- 7A8086
- 7D8083
Farbharmonien
Komplementär +180°
- 5E819D
Greyish Blue
- 967558
≈ Liver Chestnut
Analog -30° +30°
- 5E819D
Greyish Blue
- 528691
≈ Night Masque
- 717BA0
≈ Inky Violet
Triadisch +120° +240°
- 5E819D
Greyish Blue
- 9B6E79
≈ Stravinsky
- 76835C
≈ Equatorial Forest
Geteilt komplementär +150° +210°
- 5E819D
Greyish Blue
- 9C7066
≈ Reddened Earth
- 887C54
≈ Clay Creek
Tetradisch +90° +180° +270°
- 5E819D
Greyish Blue
- 92708C
≈ Wine Stroll
- 967558
≈ Liver Chestnut
- 62876C
≈ Comfrey
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.11:1 · APCA Lc 68
Ag
AAAuf Schwarz
WCAG 5.10:1 · APCA Lc 33
Beste Textfarbe: #000000
WCAG 5.10:1 (AA) · APCA Lc 33
Contrast pairs
Code-Snippets
CSS
:root {
--greyish-blue: #5e819d;
--greyish-blue-rgb: 94 129 157;
--greyish-blue-oklch: oklch(0.588 0.059 243.1);
}
.element {
color: var(--greyish-blue);
background-color: hsl(207 25% 49%);
border-color: oklch(0.588 0.059 243.1);
}Tailwind CSS v4
@theme {
--color-greyish-blue: #5e819d;
--color-greyish-blue-50: #e8f7ff;
--color-greyish-blue-100: #d8eafb;
--color-greyish-blue-200: #c0d8ec;
--color-greyish-blue-300: #9fbbd4;
--color-greyish-blue-400: #81a3bf;
--color-greyish-blue-500: #648baa;
--color-greyish-blue-600: #557690;
--color-greyish-blue-700: #445e73;
--color-greyish-blue-800: #304555;
--color-greyish-blue-900: #20303b;
--color-greyish-blue-950: #101c25;
}SCSS
$greyish-blue: #5e819d;
$greyish-blue-rgb: 94, 129, 157;
$greyish-blue-light: mix(#fff, $greyish-blue, 20%);
$greyish-blue-dark: mix(#000, $greyish-blue, 20%);
.element {
color: $greyish-blue;
box-shadow: 0 0 0 2px rgba($greyish-blue, 0.35);
}