Form interest uxui figma

#243cb4
#8997d5
#440c0d
#6c6c6c
#c4c4bc
#2b3049

Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben #243cb4 und #440c0d. Palette hat Farbtemperatur Kalt, Warm, Neutral.

Nach Helligkeit reicht diese Palette von #440C0D (dunkelstes) bis #C4C4BC (hellstes). Die Helligkeitsspanne ist groß.

Die Sättigung ist gemischt — gedämpfte und lebhafte Farbfelder.

Farbton ist weit über den Farbkreis verteilt — eine gemischte Palette (heuristisch).

In der Gesamttemperatur neigen die Felder zur kalten Seite.

HEX-Codes (sortiert): #243CB4, #2B3049, #440C0D, #6C6C6C, #8997D5, #C4C4BC

Die Palette Form interest uxui figma enthält eine Kombination aus 6-Codefarben:

VERHEXEN: #243cb4, RGB: (36, 60, 180); VERHEXEN: #8997d5, RGB: (137, 151, 213); VERHEXEN: #440c0d, RGB: (68, 12, 13)

VERHEXEN: #6c6c6c, RGB: (108, 108, 108); VERHEXEN: #c4c4bc, RGB: (196, 196, 188); VERHEXEN: #2b3049, RGB: (43, 48, 73)

Vereinfachte Version der Palettenfarben

Farbton von darkslateblue, Schatten von cornflowerblue, Farbton von Kastanienbraun, Schatten von dimgrey, Schatten von Silber, Schatten von midnightblue

Farbschema wurde erstellt von colorswall

Mehr Paletten mit:

Farbcodes in der Palette

Form interest uxui figma Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe	VERHEXEN	RGB	Name	alternativer Name
#243cb4	#243cb4	RGB(36, 60, 180)	—	—
#8997d5	#8997d5	RGB(137, 151, 213)	—	—
#440c0d	#440c0d	RGB(68, 12, 13)	—	—
#6c6c6c	#6c6c6c	RGB(108, 108, 108)	—	—
#c4c4bc	#c4c4bc	RGB(196, 196, 188)	—	Mist Grey
#2b3049	#2b3049	RGB(43, 48, 73)	—	—

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
#243cb4	#440c0d	1.82
#243cb4	#6c6c6c	1.68
#243cb4	#2b3049	1.46
#8997d5	#6c6c6c	1.86
#8997d5	#c4c4bc	1.6
#440c0d	#2b3049	1.24

Bildpalette Form interest uxui figma png

--color-1:	#243cb4;
--color-2:	#8997d5;
--color-3:	#440c0d;
--color-4:	#6c6c6c;
--color-5:	#c4c4bc;
--color-6:	#2b3049;

$color-1:	#243cb4;
$color-2:	#8997d5;
$color-3:	#440c0d;
$color-4:	#6c6c6c;
$color-5:	#c4c4bc;
$color-6:	#2b3049;

@color-1:	#243cb4;
@color-2:	#8997d5;
@color-3:	#440c0d;
@color-4:	#6c6c6c;
@color-5:	#c4c4bc;
@color-6:	#2b3049;