Benannte Farbe · #114499
Space Explorer
Space Explorer ist #114499: rgb(17 68 153), hsl(218 80% 33%), oklch(0.409 0.149 260.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Space Explorer color name →
#114499
oklch(0.409 0.149 260.4)
Farbumrechnungen
- HEX
- #114499
- RGB
- rgb(17 68 153)
- HSL
- hsl(218 80% 33%)
- HWB
- hwb(218 7% 40%)
- OKLCH
- oklch(0.409 0.149 260.4)
- OKLab
- oklab(0.409 -0.025 -0.147)
- CIE Lab
- lab(29.91 10.97 -52.09)
- LCH
- lch(29.91 53.23 281.9)
- CMYK
- cmyk(89% 56% 0% 40%)
Tints · Shades · Tones
Tints
- 2A57A4
- 416AAF
- 577CBA
- 6E8EC5
- 85A1CF
- 9DB3D9
- B5C6E3
- CDD9EC
- E6ECF6
Shades
- 0D3A84
- 093070
- 06265D
- 041D4A
- 021438
- 010C27
- 000517
- 000208
- 000001
Tones
- 1F4B97
- 2B5296
- 365994
- 415F92
- 4C658F
- 566B8D
- 61708A
- 6B7687
- 757B84
Farbharmonien
Komplementär +180°
- 114499
Space Explorer
- 624400
≈ Notorious Neanderthal
Analog -30° +30°
- 114499
Space Explorer
- 00516E
≈ Captain Blue
- 4D3493
≈ Blue Magenta Violet
Triadisch +120° +240°
- 114499
Space Explorer
- 891525
≈ Antique Ruby
- 145A00
≈ Lincoln Green
Geteilt komplementär +150° +210°
- 114499
Space Explorer
- 763500
≈ Bay Brown
- 4D4E00
≈ Scorzonera Brown
Tetradisch +90° +180° +270°
- 114499
Space Explorer
- 801855
≈ French Plum
- 624400
≈ Notorious Neanderthal
- 005844
≈ Billiard Table
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.08:1 · APCA Lc 90
Ag
FailAuf Schwarz
WCAG 2.31:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 9.08:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--space-explorer: #114499;
--space-explorer-rgb: 17 68 153;
--space-explorer-oklch: oklch(0.409 0.149 260.4);
}
.element {
color: var(--space-explorer);
background-color: hsl(218 80% 33%);
border-color: oklch(0.409 0.149 260.4);
}Tailwind CSS v4
@theme {
--color-space-explorer: #114499;
--color-space-explorer-50: #def6ff;
--color-space-explorer-100: #cde9ff;
--color-space-explorer-200: #b2d5ff;
--color-space-explorer-300: #8eb7ff;
--color-space-explorer-400: #699df6;
--color-space-explorer-500: #4883e7;
--color-space-explorer-600: #3e6fc3;
--color-space-explorer-700: #31599d;
--color-space-explorer-800: #1f4175;
--color-space-explorer-900: #142d53;
--color-space-explorer-950: #061a37;
}SCSS
$space-explorer: #114499;
$space-explorer-rgb: 17, 68, 153;
$space-explorer-light: mix(#fff, $space-explorer, 20%);
$space-explorer-dark: mix(#000, $space-explorer, 20%);
.element {
color: $space-explorer;
box-shadow: 0 0 0 2px rgba($space-explorer, 0.35);
}