Ui design colors palette

Brilliant Azure
#3c97f2
Maya Blue
#74d4fc
Japanese Indigo
#1c3f54
Philippine Gray
#8c8c8d
Gray
#bbbcbc
Police Blue
#355768

Die Palette besteht aus Licht, Halbdunkel-Farben. Akzentfarben Brilliant Azure #3c97f2 und Maya Blue #74d4fc. Palette hat Farbtemperatur Kalt, Neutral.

Nach Helligkeit reicht diese Palette von #1C3F54 (dunkelstes) bis #BBBCBC (hellstes). Die Helligkeitsspanne ist moderat.

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): #1C3F54, #355768, #3C97F2, #74D4FC, #8C8C8D, #BBBCBC

Die Palette Ui design colors palette enthält eine Kombination aus 6-Codefarben:

VERHEXEN: #3c97f2, RGB: (60, 151, 242); VERHEXEN: #74d4fc, RGB: (116, 212, 252); VERHEXEN: #1c3f54, RGB: (28, 63, 84)

VERHEXEN: #8c8c8d, RGB: (140, 140, 141); VERHEXEN: #bbbcbc, RGB: (187, 188, 188); VERHEXEN: #355768, RGB: (53, 87, 104)

Vereinfachte Version der Palettenfarben

Schatten von dodgerblue, Farbton von skyblue, Farbton von darkslategrey, Schatten von Grau, Farbton von Silber, Schatten von darkslategrey

Farbschema wurde erstellt von colorswall

Mehr Paletten mit:

Farbcodes in der Palette

Ui design colors palette Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe	VERHEXEN	RGB	Name	alternativer Name
#3c97f2	#3c97f2	RGB(60, 151, 242)	Brilliant Azure	—
#74d4fc	#74d4fc	RGB(116, 212, 252)	Maya Blue	—
#1c3f54	#1c3f54	RGB(28, 63, 84)	Japanese Indigo	—
#8c8c8d	#8c8c8d	RGB(140, 140, 141)	Philippine Gray	—
#bbbcbc	#bbbcbc	RGB(187, 188, 188)	Gray	Dust to Dust
#355768	#355768	RGB(53, 87, 104)	Police Blue	—

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
#3c97f2	#74d4fc	1.82
#3c97f2	#8c8c8d	1.1
#3c97f2	#bbbcbc	1.59
#74d4fc	#bbbcbc	1.13
#1c3f54	#355768	1.43
#8c8c8d	#bbbcbc	1.76

Bildpalette Ui design colors palette png

--color-brilliant-azure:	#3c97f2;
--color-maya-blue:	#74d4fc;
--color-japanese-indigo:	#1c3f54;
--color-philippine-gray:	#8c8c8d;
--color-gray:	#bbbcbc;
--color-police-blue:	#355768;

$color-brilliant-azure:	#3c97f2;
$color-maya-blue:	#74d4fc;
$color-japanese-indigo:	#1c3f54;
$color-philippine-gray:	#8c8c8d;
$color-gray:	#bbbcbc;
$color-police-blue:	#355768;

@color-brilliant-azure:	#3c97f2;
@color-maya-blue:	#74d4fc;
@color-japanese-indigo:	#1c3f54;
@color-philippine-gray:	#8c8c8d;
@color-gray:	#bbbcbc;
@color-police-blue:	#355768;