Benannte Farbe · #054C8A
Magnetic Blue
Magnetic Blue ist #054C8A: rgb(5 76 138), hsl(208 93% 28%), oklch(0.414 0.121 252). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Magnetic Blue color name →
#054C8A
oklch(0.414 0.121 252)
Farbumrechnungen
- HEX
- #054c8a
- RGB
- rgb(5 76 138)
- HSL
- hsl(208 93% 28%)
- HWB
- hwb(208 2% 46%)
- OKLCH
- oklch(0.414 0.121 252)
- OKLab
- oklab(0.414 -0.037 -0.115)
- CIE Lab
- lab(31.24 -0.29 -40.81)
- LCH
- lch(31.24 40.82 269.6)
- CMYK
- cmyk(96% 45% 0% 46%)
Tints · Shades · Tones
Tints
- 275D96
- 406FA2
- 5780AE
- 6E92BA
- 86A4C6
- 9DB5D1
- B5C8DD
- CDDAE8
- E6ECF4
Shades
- 044177
- 033665
- 022C53
- 012242
- 011832
- 000F22
- 000614
- 000207
- 000001
Tones
- 1B528A
- 295889
- 355D89
- 416288
- 4C6887
- 566D86
- 617285
- 6B7683
- 767B82
Farbharmonien
Komplementär +180°
- 054C8A
Magnetic Blue
- 684200
≈ Violin Brown
Analog -30° +30°
- 054C8A
Magnetic Blue
- 005469
≈ Plunge
- 433F8A
≈ Nauseous Blue
Triadisch +120° +240°
- 054C8A
Magnetic Blue
- 7F283A
≈ Suō
- 325700
≈ Deep Forestial Escapade
Geteilt komplementär +150° +210°
- 054C8A
Magnetic Blue
- 7E2E05
≈ Reddish Brown
- 554C00
≈ Scorzonera Brown
Tetradisch +90° +180° +270°
- 054C8A
Magnetic Blue
- 752B5D
≈ Magenta Purple
- 684200
≈ Violin Brown
- 005A3C
≈ Sacramento State Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.72:1 · APCA Lc 89
Ag
FailAuf Schwarz
WCAG 2.40:1 · APCA Lc 13
Beste Textfarbe: #FFFFFF
WCAG 8.72:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--magnetic-blue: #054c8a;
--magnetic-blue-rgb: 5 76 138;
--magnetic-blue-oklch: oklch(0.414 0.121 252);
}
.element {
color: var(--magnetic-blue);
background-color: hsl(208 93% 28%);
border-color: oklch(0.414 0.121 252);
}Tailwind CSS v4
@theme {
--color-magnetic-blue: #054c8a;
--color-magnetic-blue-50: #def8ff;
--color-magnetic-blue-100: #cdebff;
--color-magnetic-blue-200: #b1d8ff;
--color-magnetic-blue-300: #8cbbf4;
--color-magnetic-blue-400: #67a2e4;
--color-magnetic-blue-500: #4489d3;
--color-magnetic-blue-600: #3a74b2;
--color-magnetic-blue-700: #2e5d8f;
--color-magnetic-blue-800: #1e456a;
--color-magnetic-blue-900: #132f4b;
--color-magnetic-blue-950: #051c31;
}SCSS
$magnetic-blue: #054c8a;
$magnetic-blue-rgb: 5, 76, 138;
$magnetic-blue-light: mix(#fff, $magnetic-blue, 20%);
$magnetic-blue-dark: mix(#000, $magnetic-blue, 20%);
.element {
color: $magnetic-blue;
box-shadow: 0 0 0 2px rgba($magnetic-blue, 0.35);
}