Secure Identity UX System

Auth Navy
#2b2d42
Password Cream
#f6f6f6
2FA Lime
#c7f9cc
Encrypted Slate
#586f7c
Session Black
#111111
Token Orange
#ff924c

Die Palette besteht aus Dunkel, Licht-Farben. Akzentfarben Auth Navy #2b2d42 und Token Orange #ff924c. Palette hat Farbtemperatur Kalt, Neutral, Warm.

Nach Helligkeit reicht diese Palette von #111111 (dunkelstes) bis #F6F6F6 (hellstes). Die Helligkeitsspanne ist groß.

Die Sättigung wirkt insgesamt eher gedämpft (geringere 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): #111111, #2B2D42, #586F7C, #C7F9CC, #F6F6F6, #FF924C

Die Palette Secure Identity UX System enthält eine Kombination aus 6-Codefarben:

VERHEXEN: #2b2d42, RGB: (43, 45, 66); VERHEXEN: #f6f6f6, RGB: (246, 246, 246); VERHEXEN: #c7f9cc, RGB: (199, 249, 204)

VERHEXEN: #586f7c, RGB: (88, 111, 124); VERHEXEN: #111111, RGB: (17, 17, 17); VERHEXEN: #ff924c, RGB: (255, 146, 76)

Vereinfachte Version der Palettenfarben

Schatten von midnightblue, Schatten von whitesmoke, Schatten von aquamarine, Farbton von slategrey, Schatten von Schwarz, Farbton von sandybrown

Farbschema wurde erstellt von palettespicker

Mehr Paletten mit:

Farbcodes in der Palette

Secure Identity UX System Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe	VERHEXEN	RGB	Name	alternativer Name
#2b2d42	#2b2d42	RGB(43, 45, 66)	Auth Navy	—
#f6f6f6	#f6f6f6	RGB(246, 246, 246)	Password Cream	—
#c7f9cc	#c7f9cc	RGB(199, 249, 204)	2FA Lime	—
#586f7c	#586f7c	RGB(88, 111, 124)	Encrypted Slate	—
#111111	#111111	RGB(17, 17, 17)	Session Black	Dreamless Sleep
#ff924c	#ff924c	RGB(255, 146, 76)	Token Orange	—

Farbpalette Kontrast

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

Tekst kleur	Achtergrond kleur	contrast ratio
#2b2d42	#111111	1.39
#f6f6f6	#c7f9cc	1.08
#c7f9cc	#ff924c	1.88

Bildpalette Secure Identity UX System png

--color-auth-navy:	#2b2d42;
--color-password-cream:	#f6f6f6;
--color-2fa-lime:	#c7f9cc;
--color-encrypted-slate:	#586f7c;
--color-session-black:	#111111;
--color-token-orange:	#ff924c;

$color-auth-navy:	#2b2d42;
$color-password-cream:	#f6f6f6;
$color-2fa-lime:	#c7f9cc;
$color-encrypted-slate:	#586f7c;
$color-session-black:	#111111;
$color-token-orange:	#ff924c;

@color-auth-navy:	#2b2d42;
@color-password-cream:	#f6f6f6;
@color-2fa-lime:	#c7f9cc;
@color-encrypted-slate:	#586f7c;
@color-session-black:	#111111;
@color-token-orange:	#ff924c;