Design message messenger ui

Verdigris
#46b8b2
Crystal
#9fdad7
MSU Green
#173c3a
Desaturated Cyan
#61979a
Light Periwinkle
#c8d1da
Police Blue
#2f595f

Die Palette besteht aus Licht, Halbdunkel-Farben. Akzentfarben Verdigris #46b8b2 und MSU Green #173c3a. Palette hat Farbtemperatur Kalt.

Nach Helligkeit reicht diese Palette von #173C3A (dunkelstes) bis #C8D1DA (hellstes). Die Helligkeitsspanne ist groß.

Die Sättigung liegt im mittleren Bereich.

Die Farbton-Verteilung erinnert an einen analogen Bereich (heuristisch, keine feste Farbtheorie).

In der Gesamttemperatur neigen die Felder zur kalten Seite.

HEX-Codes (sortiert): #173C3A, #2F595F, #46B8B2, #61979A, #9FDAD7, #C8D1DA

Die Palette Design message messenger ui enthält eine Kombination aus 6-Codefarben:

VERHEXEN: #46b8b2, RGB: (70, 184, 178); VERHEXEN: #9fdad7, RGB: (159, 218, 215); VERHEXEN: #173c3a, RGB: (23, 60, 58)

VERHEXEN: #61979a, RGB: (97, 151, 154); VERHEXEN: #c8d1da, RGB: (200, 209, 218); VERHEXEN: #2f595f, RGB: (47, 89, 95)

Vereinfachte Version der Palettenfarben

Schatten von lightseagreen, Farbton von paleturquoise, Farbton von darkslategrey, Farbton von cadetblue, Farbton von lightgrey, Schatten von darkslategrey

Farbschema wurde erstellt von coolor

Mehr Paletten mit:

Farbcodes in der Palette

Design message messenger ui Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe	VERHEXEN	RGB	Name	alternativer Name
#46b8b2	#46b8b2	RGB(70, 184, 178)	Verdigris	—
#9fdad7	#9fdad7	RGB(159, 218, 215)	Crystal	—
#173c3a	#173c3a	RGB(23, 60, 58)	MSU Green	—
#61979a	#61979a	RGB(97, 151, 154)	Desaturated Cyan	—
#c8d1da	#c8d1da	RGB(200, 209, 218)	Light Periwinkle	—
#2f595f	#2f595f	RGB(47, 89, 95)	Police Blue	—

Farbpalette Kontrast

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

Tekst kleur	Achtergrond kleur	contrast ratio
#46b8b2	#9fdad7	1.53
#46b8b2	#61979a	1.36
#46b8b2	#c8d1da	1.55
#9fdad7	#c8d1da	1
#173c3a	#2f595f	1.55

Bildpalette Design message messenger ui png

--color-verdigris:	#46b8b2;
--color-crystal:	#9fdad7;
--color-msu-green:	#173c3a;
--color-desaturated-cyan:	#61979a;
--color-light-periwinkle:	#c8d1da;
--color-police-blue:	#2f595f;

$color-verdigris:	#46b8b2;
$color-crystal:	#9fdad7;
$color-msu-green:	#173c3a;
$color-desaturated-cyan:	#61979a;
$color-light-periwinkle:	#c8d1da;
$color-police-blue:	#2f595f;

@color-verdigris:	#46b8b2;
@color-crystal:	#9fdad7;
@color-msu-green:	#173c3a;
@color-desaturated-cyan:	#61979a;
@color-light-periwinkle:	#c8d1da;
@color-police-blue:	#2f595f;