Midnight Watch Farbpalette
Midnight Watch ist eine Palette aus 5 Farben, die auf Blautöne und Neutraltöne aufbaut. In OKLCH reicht die Helligkeit von 21 % (#0F172A, sehr dunkel) bis 93 % (#E2E8F0, sehr hell), und die gesättigtste Farbe, #38BDF8, ist mäßig gesättigt. 4 ihrer 4 chromatischen Farben liegen auf der kühlen Seite des Farbkreises. 5 ihrer 10 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit kalt, blau und gedämpft.
- Rich Black #0F172A
- Charcoal #334155
- Cool Steel #94A3B8
- Vivid Sky Blue #38BDF8
- Gainsboro #E2E8F0
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Black | #0F172A | rgb(15, 23, 42) | hsl(222, 47%, 11%) | oklch(20.8% 0.04 265.8) |
| Charcoal | #334155 | rgb(51, 65, 85) | hsl(215, 25%, 27%) | oklch(37.2% 0.039 257.3) |
| Cool Steel | #94A3B8 | rgb(148, 163, 184) | hsl(215, 20%, 65%) | oklch(71.1% 0.035 256.8) |
| Vivid Sky Blue | #38BDF8 | rgb(56, 189, 248) | hsl(198, 93%, 60%) | oklch(75.4% 0.139 232.7) |
| Gainsboro | #E2E8F0 | rgb(226, 232, 240) | hsl(214, 32%, 91%) | oklch(92.9% 0.013 255.5) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Midnight Watch, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #E2E8F0 auf #0F172A | 14.48:1 | AAA | Lc -91.4 |
| #E2E8F0 auf #334155 | 8.40:1 | AAA | Lc -82.7 |
| #0F172A auf #38BDF8 | 8.33:1 | AAA | Lc 60.9 |
Farbsehen
1 Farbpaar kommt in mindestens einer Simulation auf ΔE 0.06 aneinander heran.
Protanopie
Deuteranopie
Tritanopie
Achromatopsie
Im Code verwenden
Installiere diese Farben mit shadcn als Tailwind-CSS-v4-Theme-Farben: npx shadcn@latest add https://getcolors.so/r/palette/0f172a-334155-94a3b8-38bdf8-e2e8f0.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.