Binary Runtime Farbpalette

Binary Runtime ist eine Palette aus 4 Farben, die auf Türkis- und Cyantöne aufbaut. In OKLCH reicht die Helligkeit von 30 % (#003436, dunkel) bis 96 % (#DDF9FF, sehr hell), und die gesättigtste Farbe, #74B3CF, ist mäßig gesättigt. 4 ihrer 4 chromatischen Farben liegen auf der kühlen Seite des Farbkreises. 3 ihrer 6 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit technik, türkis, blau, gedämpft, kalt und farbenblind-freundlich.

TechnikTürkisBlauGedämpftKaltFarbenblind-freundlich

Farbcodes

FarbeHEXRGBHSLOKLCH
Midnight Green #003436 rgb(0, 52, 54) hsl(182, 100%, 11%) oklch(29.5% 0.05 198.9)
Teal #39766C rgb(57, 118, 108) hsl(170, 35%, 34%) oklch(52.2% 0.066 181.6)
Cool Steel #74B3CF rgb(116, 179, 207) hsl(198, 49%, 63%) oklch(73.4% 0.076 227.9)
Light Cyan #DDF9FF rgb(221, 249, 255) hsl(191, 100%, 93%) oklch(96.4% 0.03 212)

Barrierefreiheit

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

PaarWCAG 2StufeAPCA Lc
#DDF9FF auf #003436 12.35:1 AAA Lc -95.6
#003436 auf #74B3CF 5.89:1 AA Lc 52.2
#DDF9FF auf #39766C 4.79:1 AA Lc -74.1

Farbsehen

Kein Farbpaar kommt bei Protanopie, Deuteranopie, Tritanopie oder Achromatopsie auf ΔE 0.06 an eine andere Farbe heran. Sie ist als farbenblind-freundlich getaggt: Jedes Paar bleibt mindestens ΔE 0,14 auseinander.

  • 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/003436-39766c-74b3cf-ddf9ff.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