Figma ux mobile search colours

Cyan-Blue Azure
#3c7ecc
Desert Sand
#e5bca2
Falu Red
#7c221a
Palm Leaf
#749c54
Pastel Blue
#aebeca
Jacko Bean
#444424

Die Palette besteht aus Licht-Farben. Akzentfarben Cyan-Blue Azure #3c7ecc und Falu Red #7c221a. Palette hat Farbtemperatur Kalt, Warm.

Nach Helligkeit reicht diese Palette von #444424 (dunkelstes) bis #E5BCA2 (hellstes). Die Helligkeitsspanne ist groß.

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

Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).

In der Gesamttemperatur neigen die Felder zur warmen Seite.

HEX-Codes (sortiert): #3C7ECC, #444424, #749C54, #7C221A, #AEBECA, #E5BCA2

Die Palette Figma ux mobile search colours enthält eine Kombination aus 6-Codefarben:

VERHEXEN: #3c7ecc, RGB: (60, 126, 204); VERHEXEN: #e5bca2, RGB: (229, 188, 162); VERHEXEN: #7c221a, RGB: (124, 34, 26)

VERHEXEN: #749c54, RGB: (116, 156, 84); VERHEXEN: #aebeca, RGB: (174, 190, 202); VERHEXEN: #444424, RGB: (68, 68, 36)

Vereinfachte Version der Palettenfarben

Farbton von steelblue, Farbton von peachpuff, Schatten von Kastanienbraun, Schatten von olivedrab, Farbton von lightsteelblue, Farbton von darkolivegreen

Farbschema wurde erstellt von colorswall

Mehr Paletten mit:

Farbcodes in der Palette

Figma ux mobile search colours Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe	VERHEXEN	RGB	Name	alternativer Name
#3c7ecc	#3c7ecc	RGB(60, 126, 204)	Cyan-Blue Azure	—
#e5bca2	#e5bca2	RGB(229, 188, 162)	Desert Sand	—
#7c221a	#7c221a	RGB(124, 34, 26)	Falu Red	—
#749c54	#749c54	RGB(116, 156, 84)	Palm Leaf	—
#aebeca	#aebeca	RGB(174, 190, 202)	Pastel Blue	—
#444424	#444424	RGB(68, 68, 36)	Jacko Bean	—

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
#3c7ecc	#749c54	1.31
#e5bca2	#749c54	1.81
#e5bca2	#aebeca	1.09
#7c221a	#444424	1
#749c54	#aebeca	1.66

--color-cyan-blue-azure:	#3c7ecc;
--color-desert-sand:	#e5bca2;
--color-falu-red:	#7c221a;
--color-palm-leaf:	#749c54;
--color-pastel-blue:	#aebeca;
--color-jacko-bean:	#444424;

$color-cyan-blue-azure:	#3c7ecc;
$color-desert-sand:	#e5bca2;
$color-falu-red:	#7c221a;
$color-palm-leaf:	#749c54;
$color-pastel-blue:	#aebeca;
$color-jacko-bean:	#444424;

@color-cyan-blue-azure:	#3c7ecc;
@color-desert-sand:	#e5bca2;
@color-falu-red:	#7c221a;
@color-palm-leaf:	#749c54;
@color-pastel-blue:	#aebeca;
@color-jacko-bean:	#444424;

Figma ux mobile search colours

Farbcodes in der Palette

Farbpalette Kontrast

Bildpalette Figma ux mobile search colours png