Login figma modern uiux

B'dazzled Blue
#326790
Light Steel Blue
#b1ccdb
Ateneo Blue
#064173
Rackley
#648db1
Light Periwinkle
#c5d0d6
Gunmetal
#24343c

Die Palette besteht aus Halbdunkel, Licht, Dunkel-Farben. Akzentfarben B'dazzled Blue #326790 und Ateneo Blue #064173. Palette hat Farbtemperatur Kalt.

Nach Helligkeit reicht diese Palette von #24343C (dunkelstes) bis #C5D0D6 (hellstes). Die Helligkeitsspanne ist groß.

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

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

In der Gesamttemperatur neigen die Felder zur kalten Seite.

HEX-Codes (sortiert): #064173, #24343C, #326790, #648DB1, #B1CCDB, #C5D0D6

Die Palette Login figma modern uiux enthält eine Kombination aus 6-Codefarben:

VERHEXEN: #326790, RGB: (50, 103, 144); VERHEXEN: #b1ccdb, RGB: (177, 204, 219); VERHEXEN: #064173, RGB: (6, 65, 115)

VERHEXEN: #648db1, RGB: (100, 141, 177); VERHEXEN: #c5d0d6, RGB: (197, 208, 214); VERHEXEN: #24343c, RGB: (36, 52, 60)

Vereinfachte Version der Palettenfarben

Farbton von steelblue, Farbton von lightblue, Farbton von darkslateblue, Schatten von steelblue, Farbton von lightgrey, Farbton von darkslategrey

Farbschema wurde erstellt von bad_colors

Mehr Paletten mit:

Blau Grau

Farbcodes in der Palette

Farbe	VERHEXEN	RGB	Name	alternativer Name
#326790	#326790	RGB(50, 103, 144)	B'dazzled Blue	—
#b1ccdb	#b1ccdb	RGB(177, 204, 219)	Light Steel Blue	—
#064173	#064173	RGB(6, 65, 115)	Ateneo Blue	—
#648db1	#648db1	RGB(100, 141, 177)	Rackley	—
#c5d0d6	#c5d0d6	RGB(197, 208, 214)	Light Periwinkle	—
#24343c	#24343c	RGB(36, 52, 60)	Gunmetal	—

Farbpalette Kontrast

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

Tekst kleur	Achtergrond kleur	contrast ratio
#326790	#064173	1.72
#326790	#648db1	1.72
#b1ccdb	#c5d0d6	1.06
#064173	#24343c	1.23

Bildpalette Login figma modern uiux png

--color-bdazzled-blue:	#326790;
--color-light-steel-blue:	#b1ccdb;
--color-ateneo-blue:	#064173;
--color-rackley:	#648db1;
--color-light-periwinkle:	#c5d0d6;
--color-gunmetal:	#24343c;

$color-bdazzled-blue:	#326790;
$color-light-steel-blue:	#b1ccdb;
$color-ateneo-blue:	#064173;
$color-rackley:	#648db1;
$color-light-periwinkle:	#c5d0d6;
$color-gunmetal:	#24343c;

@color-bdazzled-blue:	#326790;
@color-light-steel-blue:	#b1ccdb;
@color-ateneo-blue:	#064173;
@color-rackley:	#648db1;
@color-light-periwinkle:	#c5d0d6;
@color-gunmetal:	#24343c;