Team Collaboration SaaS Kit

Mention Coral
#ff9aa2
Status Tag Green
#c3fccc
Thread Sky
#a0d4ff
Card Overlay White
#fdfdfd
Task Slate
#5b5b5b

Die Palette besteht aus Licht, Halbdunkel-Farben. Akzentfarben Mention Coral #ff9aa2 und Thread Sky #a0d4ff. Palette hat Farbtemperatur Warm, Kalt, Neutral.

Nach Helligkeit reicht diese Palette von #5B5B5B (dunkelstes) bis #FDFDFD (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): #5B5B5B, #A0D4FF, #C3FCCC, #FDFDFD, #FF9AA2

Die Palette Team Collaboration SaaS Kit enthält eine Kombination aus 5-Codefarben:

VERHEXEN: #ff9aa2, RGB: (255, 154, 162); VERHEXEN: #c3fccc, RGB: (195, 252, 204); VERHEXEN: #a0d4ff, RGB: (160, 212, 255)

VERHEXEN: #fdfdfd, RGB: (253, 253, 253); VERHEXEN: #5b5b5b, RGB: (91, 91, 91)

Vereinfachte Version der Palettenfarben

Farbton von lightpink, Schatten von aquamarine, Schatten von lightskyblue, Farbton von Weiss, Farbton von dimgrey

Farbschema wurde erstellt von colorday

Mehr Paletten mit:

Farbcodes in der Palette

Team Collaboration SaaS Kit Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe	VERHEXEN	RGB	Name	alternativer Name
#ff9aa2	#ff9aa2	RGB(255, 154, 162)	Mention Coral	—
#c3fccc	#c3fccc	RGB(195, 252, 204)	Status Tag Green	—
#a0d4ff	#a0d4ff	RGB(160, 212, 255)	Thread Sky	—
#fdfdfd	#fdfdfd	RGB(253, 253, 253)	Card Overlay White	Brilliance
#5b5b5b	#5b5b5b	RGB(91, 91, 91)	Task Slate	—

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
#ff9aa2	#c3fccc	1.74
#ff9aa2	#a0d4ff	1.28
#ff9aa2	#fdfdfd	1.98
#c3fccc	#a0d4ff	1.35
#c3fccc	#fdfdfd	1.13
#a0d4ff	#fdfdfd	1.54

Bildpalette Team Collaboration SaaS Kit png

--color-mention-coral:	#ff9aa2;
--color-status-tag-green:	#c3fccc;
--color-thread-sky:	#a0d4ff;
--color-card-overlay-white:	#fdfdfd;
--color-task-slate:	#5b5b5b;

$color-mention-coral:	#ff9aa2;
$color-status-tag-green:	#c3fccc;
$color-thread-sky:	#a0d4ff;
$color-card-overlay-white:	#fdfdfd;
$color-task-slate:	#5b5b5b;

@color-mention-coral:	#ff9aa2;
@color-status-tag-green:	#c3fccc;
@color-thread-sky:	#a0d4ff;
@color-card-overlay-white:	#fdfdfd;
@color-task-slate:	#5b5b5b;