Ux branding logo mockup colours

Cyan Azure
#5484b4
Violet-Blue (Crayola)
#7584d4
Indigo (Rainbow)
#242d5d
UCLA Blue
#52659a
Pastel Gray
#d4ccb4
Deep Koamaru
#2c2c60

La palette se compose de Lumière, Sombre couleurs. Couleurs d'accent Violet-Blue (Crayola) #7584d4 et Pastel Gray #d4ccb4. La palette a une température de couleur Froid, Neutre.

En luminosité, cette palette va de #242D5D (plus sombre) à #D4CCB4 (plus clair). L’écart de luminosité est modéré.

Saturation mixte — passages atténués et accents plus vifs.

Certaines paires sont proches de positions complémentaires — effet possible de contraste (heuristique).

La température globale penche vers le froid.

Codes HEX (triés) : #242D5D, #2C2C60, #52659A, #5484B4, #7584D4, #D4CCB4

La palette Ux branding logo mockup colours a une combinaison de couleurs de codes 6:

HEX: #5484b4, RVB: (84, 132, 180); HEX: #7584d4, RVB: (117, 132, 212); HEX: #242d5d, RVB: (36, 45, 93)

HEX: #52659a, RVB: (82, 101, 154); HEX: #d4ccb4, RVB: (212, 204, 180); HEX: #2c2c60, RVB: (44, 44, 96)

Version simplifiée des couleurs de la palette

Ombre de steelblue, Nuance de cornflowerblue, Ombre de midnightblue, Nuance de royalblue, Nuance de wheat, Ombre de midnightblue

Le jeu de couleurs a été créé par colorswall

Plus de palettes avec:

Bleu Beige

Codes couleurs dans la palette

Ux branding logo mockup colours codes de couleur HEX, informations RVB dans le tableau

Couleur	HEX	RVB	Nom	Autre nom
#5484b4	#5484b4	RVB(84, 132, 180)	Cyan Azure	—
#7584d4	#7584d4	RVB(117, 132, 212)	Violet-Blue (Crayola)	—
#242d5d	#242d5d	RVB(36, 45, 93)	Indigo (Rainbow)	—
#52659a	#52659a	RVB(82, 101, 154)	UCLA Blue	—
#d4ccb4	#d4ccb4	RVB(212, 204, 180)	Pastel Gray	—
#2c2c60	#2c2c60	RVB(44, 44, 96)	Deep Koamaru	—

Contraste de la palette de couleurs

4 paires de couleurs ont un faible contraste et nécessitent des améliorations, ce qui peut affecter la lisibilité.

Couleur du texte	Couleur de l'arrière plan	Rapport de contraste
#5484b4	#7584d4	1.12
#5484b4	#52659a	1.44
#7584d4	#52659a	1.62
#242d5d	#2c2c60	1.01

--color-cyan-azure:	#5484b4;
--color-violet-blue-crayola:	#7584d4;
--color-indigo-rainbow:	#242d5d;
--color-ucla-blue:	#52659a;
--color-pastel-gray:	#d4ccb4;
--color-deep-koamaru:	#2c2c60;

$color-cyan-azure:	#5484b4;
$color-violet-blue-crayola:	#7584d4;
$color-indigo-rainbow:	#242d5d;
$color-ucla-blue:	#52659a;
$color-pastel-gray:	#d4ccb4;
$color-deep-koamaru:	#2c2c60;

@color-cyan-azure:	#5484b4;
@color-violet-blue-crayola:	#7584d4;
@color-indigo-rainbow:	#242d5d;
@color-ucla-blue:	#52659a;
@color-pastel-gray:	#d4ccb4;
@color-deep-koamaru:	#2c2c60;

Ux branding logo mockup colours

Codes couleurs dans la palette

Contraste de la palette de couleurs

Palette d'images Ux branding logo mockup colours png