Benannte Farbe · #5A6E9C
Moonshade
Moonshade ist #5A6E9C: rgb(90 110 156), hsl(222 27% 48%), oklch(0.541 0.076 265.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Moonshade color name →
#5A6E9C
oklch(0.541 0.076 265.9)
Farbumrechnungen
- HEX
- #5a6e9c
- RGB
- rgb(90 110 156)
- HSL
- hsl(222 27% 48%)
- HWB
- hwb(222 35% 39%)
- OKLCH
- oklch(0.541 0.076 265.9)
- OKLab
- oklab(0.541 -0.005 -0.076)
- CIE Lab
- lab(46.27 1.81 -27.68)
- LCH
- lch(46.27 27.74 273.8)
- CMYK
- cmyk(42% 29% 0% 39%)
Tints · Shades · Tones
Tints
- 697CA6
- 798AB0
- 8898BA
- 99A6C4
- A9B4CE
- BAC3D7
- CBD2E1
- DCE1EB
- EDF0F5
Shades
- 4D5F87
- 415073
- 35415F
- 29334C
- 1E2639
- 131928
- 090E18
- 030409
- 000101
Tones
- 5E7099
- 627297
- 657494
- 697692
- 6D788F
- 71798C
- 757B89
- 787D86
- 7C7E83
Farbharmonien
Komplementär +180°
- 5A6E9C
Moonshade
- 836C38
≈ By Gum
Analog -30° +30°
- 5A6E9C
Moonshade
- 3F7696
≈ Cry Me a River
- 736697
≈ Pandora
Triadisch +120° +240°
- 5A6E9C
Moonshade
- 975D58
≈ Copper Mining
- 517B54
≈ Torrey Pine
Geteilt komplementär +150° +210°
- 5A6E9C
Moonshade
- 916342
≈ Topaz Mountain
- 6D753F
≈ Swamp Shrub
Tetradisch +90° +180° +270°
- 5A6E9C
Moonshade
- 935C71
≈ Glitz and Glamour
- 836C38
≈ By Gum
- 367E6D
≈ Green Belt
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.06:1 · APCA Lc 75
Ag
FailAuf Schwarz
WCAG 4.14:1 · APCA Lc 27
Beste Textfarbe: #FFFFFF
WCAG 5.06:1 (AA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--moonshade: #5a6e9c;
--moonshade-rgb: 90 110 156;
--moonshade-oklch: oklch(0.541 0.076 265.9);
}
.element {
color: var(--moonshade);
background-color: hsl(222 27% 48%);
border-color: oklch(0.541 0.076 265.9);
}Tailwind CSS v4
@theme {
--color-moonshade: #5a6e9c;
--color-moonshade-50: #ecf5ff;
--color-moonshade-100: #dde8ff;
--color-moonshade-200: #c6d4f6;
--color-moonshade-300: #a6b7df;
--color-moonshade-400: #899ecc;
--color-moonshade-500: #6e85b9;
--color-moonshade-600: #5d719d;
--color-moonshade-700: #4b5a7e;
--color-moonshade-800: #35425d;
--color-moonshade-900: #242e41;
--color-moonshade-950: #131a2a;
}SCSS
$moonshade: #5a6e9c;
$moonshade-rgb: 90, 110, 156;
$moonshade-light: mix(#fff, $moonshade, 20%);
$moonshade-dark: mix(#000, $moonshade, 20%);
.element {
color: $moonshade;
box-shadow: 0 0 0 2px rgba($moonshade, 0.35);
}