Ultramarine UI Beam
- Primary Blue#2563eb
- Secondary Sky#93c5fd
- Accent Lime#d9f99d
- Background Base#f9fafb
- Surface White#ffffff
- Text Navy#1e3a8a
Erstellt am 05/28/2025 06:02
Die Palette besteht aus Halbdunkel, Hell-Farben. Akzentfarben Secondary Sky #93c5fd und Accent Lime #d9f99d. Palette hat Farbtemperatur Kalt, Neutral.
Nach Helligkeit reicht diese Palette von #1E3A8A (dunkelstes) bis #FFFFFF (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma) — 67% der Farben sind lebhaft.
Eine vielfältige Palette: Die Farbtöne verteilen sich über etwa 144° des Farbkreises.
In der Gesamttemperatur neigen die Felder zur kalten Seite (4 von 6).
HEX-Codes (sortiert): #1E3A8A, #2563EB, #93C5FD, #D9F99D, #F9FAFB, #FFFFFF
Die Palette Ultramarine UI Beam kombiniert 6 Farbcodes:
HEX: #2563eb, RGB: (37, 99, 235); HEX: #93c5fd, RGB: (147, 197, 253); HEX: #d9f99d, RGB: (217, 249, 157)
HEX: #f9fafb, RGB: (249, 250, 251); HEX: #ffffff, RGB: (255, 255, 255); HEX: #1e3a8a, RGB: (30, 58, 138)
Vereinfachte Version der Palettenfarben
Schattierung von Königsblau, Schattierung von Helles Himmelblau, Aufhellung von Blassgrün, Aufhellung von Rauchweiß, Weiß, Schattierung von Dunkles Schieferblau
Farbschema wurde erstellt von colorslib
Farbcodes in der Palette
Ultramarine UI Beam Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #2563eb | #2563eb | RGB(37, 99, 235) | Primary Blue | — |
| #93c5fd | #93c5fd | RGB(147, 197, 253) | Secondary Sky | — |
| #d9f99d | #d9f99d | RGB(217, 249, 157) | Accent Lime | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Background Base | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Surface White | White |
| #1e3a8a | #1e3a8a | RGB(30, 58, 138) | Text Navy | — |
Farbpalette Kontrast
6 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#93c5fd | #d9f99d | 1.54 |
#93c5fd | #f9fafb | 1.72 |
#93c5fd | #ffffff | 1.8 |
#d9f99d | #f9fafb | 1.11 |
#d9f99d | #ffffff | 1.16 |
#f9fafb | #ffffff | 1.04 |
Bildpalette Ultramarine UI Beam png
Palette exportieren
Laden Sie die "Ultramarine UI Beam" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: