Deep Midnight Farbpalette

Deep Midnight ist eine Palette aus 4 Farben, die auf Neutraltöne und Blautöne aufbaut. In OKLCH reicht die Helligkeit von 15 % (#070B14, sehr dunkel) bis 71 % (#94A3B8, mittelhell), und die gesättigtste Farbe, #475569, ist gedämpft. 3 ihrer 3 chromatischen Farben liegen auf der kühlen Seite des Farbkreises. 2 ihrer 6 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit dunkel, kalt und neutral.

DunkelKaltNeutral

Farbcodes

FarbeHEXRGBHSLOKLCH
Rich Navy #070B14 rgb(7, 11, 20) hsl(222, 48%, 5%) oklch(15% 0.021 264.3)
Oxford Blue #1E293B rgb(30, 41, 59) hsl(217, 33%, 17%) oklch(27.9% 0.037 260)
YInMn Blue #475569 rgb(71, 85, 105) hsl(215, 19%, 35%) oklch(44.6% 0.037 257.3)
Cool Steel #94A3B8 rgb(148, 163, 184) hsl(215, 20%, 65%) oklch(71.1% 0.035 256.8)

Barrierefreiheit

Die besten Text-Hintergrund-Paare in Deep Midnight, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.

PaarWCAG 2StufeAPCA Lc
#070B14 auf #94A3B8 7.68:1 AAA Lc 53.6
#1E293B auf #94A3B8 5.71:1 AA Lc 49.2
#94A3B8 auf #475569 2.96:1 Nicht bestanden Lc -35.0

Farbsehen

Kein Farbpaar kommt bei Protanopie, Deuteranopie, Tritanopie oder Achromatopsie auf ΔE 0.06 an eine andere Farbe 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/070b14-1e293b-475569-94a3b8.json.

Mach sie zu deiner

Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.

Farbverläufe aus diesen Farben