Fintech Dashboard & Wallet UI

Credit Sky Blue
#3ca9e2
Balance Ash
#e3e4e6
Success Emerald
#1fda9a
Alert Crimson
#ff4b4b
Transfer Beige
#fff3e0
Interest Graphite
#2e3238

Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Success Emerald #1fda9a und Transfer Beige #fff3e0. Palette hat Farbtemperatur Kalt, Neutral, Warm.

Nach Helligkeit reicht diese Palette von #2E3238 (dunkelstes) bis #FFF3E0 (hellstes). Die Helligkeitsspanne ist groß.

Die Sättigung wirkt insgesamt lebhaft (höhere Chroma).

Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).

In der Gesamttemperatur neigen die Felder zur kalten Seite.

HEX-Codes (sortiert): #1FDA9A, #2E3238, #3CA9E2, #E3E4E6, #FF4B4B, #FFF3E0

Die Palette Fintech Dashboard & Wallet UI enthält eine Kombination aus 6-Codefarben:

VERHEXEN: #3ca9e2, RGB: (60, 169, 226); VERHEXEN: #e3e4e6, RGB: (227, 228, 230); VERHEXEN: #1fda9a, RGB: (31, 218, 154)

VERHEXEN: #ff4b4b, RGB: (255, 75, 75); VERHEXEN: #fff3e0, RGB: (255, 243, 224); VERHEXEN: #2e3238, RGB: (46, 50, 56)

Vereinfachte Version der Palettenfarben

Schatten von deepskyblue, Schatten von gainsboro, Farbton von mediumaquamarine, Farbton von tomato, Schatten von antiquewhite, Schatten von Schwarz

Farbschema wurde erstellt von colorday

Mehr Paletten mit:

Farbcodes in der Palette

Fintech Dashboard & Wallet UI Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe	VERHEXEN	RGB	Name	alternativer Name
#3ca9e2	#3ca9e2	RGB(60, 169, 226)	Credit Sky Blue	—
#e3e4e6	#e3e4e6	RGB(227, 228, 230)	Balance Ash	—
#1fda9a	#1fda9a	RGB(31, 218, 154)	Success Emerald	—
#ff4b4b	#ff4b4b	RGB(255, 75, 75)	Alert Crimson	—
#fff3e0	#fff3e0	RGB(255, 243, 224)	Transfer Beige	—
#2e3238	#2e3238	RGB(46, 50, 56)	Interest Graphite	—

Farbpalette Kontrast

6 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.

Tekst kleur	Achtergrond kleur	contrast ratio
#3ca9e2	#1fda9a	1.45
#3ca9e2	#ff4b4b	1.25
#e3e4e6	#1fda9a	1.42
#e3e4e6	#fff3e0	1.16
#1fda9a	#ff4b4b	1.81
#1fda9a	#fff3e0	1.65

Bildpalette Fintech Dashboard & Wallet UI png

--color-credit-sky-blue:	#3ca9e2;
--color-balance-ash:	#e3e4e6;
--color-success-emerald:	#1fda9a;
--color-alert-crimson:	#ff4b4b;
--color-transfer-beige:	#fff3e0;
--color-interest-graphite:	#2e3238;

$color-credit-sky-blue:	#3ca9e2;
$color-balance-ash:	#e3e4e6;
$color-success-emerald:	#1fda9a;
$color-alert-crimson:	#ff4b4b;
$color-transfer-beige:	#fff3e0;
$color-interest-graphite:	#2e3238;

@color-credit-sky-blue:	#3ca9e2;
@color-balance-ash:	#e3e4e6;
@color-success-emerald:	#1fda9a;
@color-alert-crimson:	#ff4b4b;
@color-transfer-beige:	#fff3e0;
@color-interest-graphite:	#2e3238;