Benannte Farbe · #5B7A9C
Blue Plate
Blue Plate ist #5B7A9C: rgb(91 122 156), hsl(211 26% 48%), oklch(0.569 0.064 251.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Blue Plate color name →
#5B7A9C
oklch(0.569 0.064 251.3)
Farbumrechnungen
- HEX
- #5b7a9c
- RGB
- rgb(91 122 156)
- HSL
- hsl(211 26% 48%)
- HWB
- hwb(211 36% 39%)
- OKLCH
- oklch(0.569 0.064 251.3)
- OKLab
- oklab(0.569 -0.021 -0.06)
- CIE Lab
- lab(49.85 -4.51 -22.17)
- LCH
- lch(49.85 22.62 258.5)
- CMYK
- cmyk(42% 22% 0% 39%)
Tints · Shades · Tones
Tints
- 6A87A6
- 7A93B0
- 8AA0B9
- 9AAEC3
- AABBCD
- BBC8D7
- CCD6E1
- DDE3EB
- EEF1F5
Shades
- 4E6987
- 415973
- 35495F
- 293A4C
- 1E2B39
- 131D28
- 091018
- 030509
- 000101
Tones
- 5F7B99
- 637B97
- 677C94
- 6A7D91
- 6E7D8E
- 727E8C
- 757F89
- 797F86
- 7C8083
Farbharmonien
Komplementär +180°
- 5B7A9C
Blue Plate
- 8F714D
≈ Highland Ridge
Analog -30° +30°
- 5B7A9C
Blue Plate
- 4A8092
≈ Casual Blue
- 70739C
≈ Hyacinth Mauve
Triadisch +120° +240°
- 5B7A9C
Blue Plate
- 99686E
≈ Brickwork Red
- 6A7F58
≈ Terrain
Geteilt komplementär +150° +210°
- 5B7A9C
Blue Plate
- 986B5A
≈ Timeless Copper
- 7F794C
≈ Tropical Twist
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.45:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.70:1 · APCA Lc 31
Beste Textfarbe: #000000
WCAG 4.70:1 (AA) · APCA Lc 31
Contrast pairs
Code-Snippets
CSS
:root {
--blue-plate: #5b7a9c;
--blue-plate-rgb: 91 122 156;
--blue-plate-oklch: oklch(0.569 0.064 251.3);
}
.element {
color: var(--blue-plate);
background-color: hsl(211 26% 48%);
border-color: oklch(0.569 0.064 251.3);
}Tailwind CSS v4
@theme {
--color-blue-plate: #5b7a9c;
--color-blue-plate-50: #e9f7ff;
--color-blue-plate-100: #d9eafd;
--color-blue-plate-200: #c2d6f0;
--color-blue-plate-300: #a1bad8;
--color-blue-plate-400: #83a2c4;
--color-blue-plate-500: #6689b0;
--color-blue-plate-600: #577494;
--color-blue-plate-700: #455d77;
--color-blue-plate-800: #314458;
--color-blue-plate-900: #212f3d;
--color-blue-plate-950: #111c27;
}SCSS
$blue-plate: #5b7a9c;
$blue-plate-rgb: 91, 122, 156;
$blue-plate-light: mix(#fff, $blue-plate, 20%);
$blue-plate-dark: mix(#000, $blue-plate, 20%);
.element {
color: $blue-plate;
box-shadow: 0 0 0 2px rgba($blue-plate, 0.35);
}