Benannte Farbe · #001F3F
Midnight Mirage
Midnight Mirage ist #001F3F: rgb(0 31 63), hsl(210 100% 12%), oklch(0.238 0.071 252). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Midnight Mirage color name →
#001F3F
oklch(0.238 0.071 252)
Farbumrechnungen
- HEX
- #001f3f
- RGB
- rgb(0 31 63)
- HSL
- hsl(210 100% 12%)
- HWB
- hwb(210 0% 75%)
- OKLCH
- oklch(0.238 0.071 252)
- OKLab
- oklab(0.238 -0.022 -0.068)
- CIE Lab
- lab(11.16 0.04 -24.11)
- LCH
- lch(11.16 24.12 270.1)
- CMYK
- cmyk(100% 51% 0% 75%)
Tints · Shades · Tones
Tints
- 173351
- 2E4763
- 455C75
- 5E7288
- 77889B
- 919FAF
- ABB6C2
- C6CED6
- E2E6EA
Shades
- 001935
- 00142C
- 000F23
- 000A1B
- 000612
- 00030A
- 000104
- 000001
- 000000
Tones
- 0C2846
- 19324C
- 263B53
- 32455A
- 3F4E60
- 4B5866
- 58626D
- 656C73
- 73767A
Farbharmonien
Komplementär +180°
- 001F3F
Midnight Mirage
- 2D1A00
≈ Powdered Cocoa
Analog -30° +30°
- 001F3F
Midnight Mirage
- 00232E
≈ Midnight Dreams
- 1B183F
≈ Prune Plum
Triadisch +120° +240°
- 001F3F
Midnight Mirage
- 390C16
≈ Black Rooster
- 122500
≈ Yuzu Soy
Geteilt komplementär +150° +210°
- 001F3F
Midnight Mirage
- 391000
≈ Red Bean
- 241F00
≈ Liquorice Root
Tetradisch +90° +180° +270°
- 001F3F
Midnight Mirage
- 340E28
≈ Synallactida
- 2D1A00
≈ Powdered Cocoa
- 002617
≈ Clock Chimes Thirteen
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 16.56:1 · APCA Lc 103
Ag
FailAuf Schwarz
WCAG 1.26:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 16.56:1 (AAA) · APCA Lc 103
Contrast pairs
Code-Snippets
CSS
:root {
--midnight-mirage: #001f3f;
--midnight-mirage-rgb: 0 31 63;
--midnight-mirage-oklch: oklch(0.238 0.071 252);
}
.element {
color: var(--midnight-mirage);
background-color: hsl(210 100% 12%);
border-color: oklch(0.238 0.071 252);
}Tailwind CSS v4
@theme {
--color-midnight-mirage: #001f3f;
--color-midnight-mirage-50: #e8f7ff;
--color-midnight-mirage-100: #d8eaff;
--color-midnight-mirage-200: #c0d7f3;
--color-midnight-mirage-300: #9fbadc;
--color-midnight-mirage-400: #80a2c8;
--color-midnight-mirage-500: #6389b4;
--color-midnight-mirage-600: #547498;
--color-midnight-mirage-700: #435d7a;
--color-midnight-mirage-800: #2f445a;
--color-midnight-mirage-900: #202f3f;
--color-midnight-mirage-950: #0f1c28;
}SCSS
$midnight-mirage: #001f3f;
$midnight-mirage-rgb: 0, 31, 63;
$midnight-mirage-light: mix(#fff, $midnight-mirage, 20%);
$midnight-mirage-dark: mix(#000, $midnight-mirage, 20%);
.element {
color: $midnight-mirage;
box-shadow: 0 0 0 2px rgba($midnight-mirage, 0.35);
}