Minimalist logo ui branding ux hex colors

Blue (RYB)
#0544fc
Sky Blue (Crayola)
#76ddfa
Indigo (Rainbow)
#243565
Gray (HTML/CSS Gray)
#7c828c
Silver Sand
#babfc2
Gunmetal
#242e3b

La palette se compose de Lumière, Sombre couleurs. Couleurs d'accent Blue (RYB) #0544fc et Sky Blue (Crayola) #76ddfa. La palette a une température de couleur Froid.

En luminosité, cette palette va de #242E3B (plus sombre) à #BABFC2 (plus clair). L’écart de luminosité est large.

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

Les teintes suggèrent un groupe surtout analogue (heuristique, pas une règle stricte).

La température globale penche vers le froid.

Codes HEX (triés) : #0544FC, #242E3B, #243565, #76DDFA, #7C828C, #BABFC2

La palette Minimalist logo ui branding ux hex colors a une combinaison de couleurs de codes 6:

HEX: #0544fc, RVB: (5, 68, 252); HEX: #76ddfa, RVB: (118, 221, 250); HEX: #243565, RVB: (36, 53, 101)

HEX: #7c828c, RVB: (124, 130, 140); HEX: #babfc2, RVB: (186, 191, 194); HEX: #242e3b, RVB: (36, 46, 59)

Version simplifiée des couleurs de la palette

Ombre de Bleu, Ombre de skyblue, Nuance de darkslateblue, Ombre de slategrey, Nuance de Argent, Ombre de midnightblue

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

Plus de palettes avec:

Codes couleurs dans la palette

Minimalist logo ui branding ux hex colors codes de couleur HEX, informations RVB dans le tableau

Couleur	HEX	RVB	Nom	Autre nom
#0544fc	#0544fc	RVB(5, 68, 252)	Blue (RYB)	—
#76ddfa	#76ddfa	RVB(118, 221, 250)	Sky Blue (Crayola)	—
#243565	#243565	RVB(36, 53, 101)	Indigo (Rainbow)	—
#7c828c	#7c828c	RVB(124, 130, 140)	Gray (HTML/CSS Gray)	—
#babfc2	#babfc2	RVB(186, 191, 194)	Silver Sand	—
#242e3b	#242e3b	RVB(36, 46, 59)	Gunmetal	—

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
#0544fc	#243565	1.82
#0544fc	#7c828c	1.67
#76ddfa	#babfc2	1.19
#243565	#242e3b	1.15

--color-blue-ryb:	#0544fc;
--color-sky-blue-crayola:	#76ddfa;
--color-indigo-rainbow:	#243565;
--color-gray-htmlcss-gray:	#7c828c;
--color-silver-sand:	#babfc2;
--color-gunmetal:	#242e3b;

$color-blue-ryb:	#0544fc;
$color-sky-blue-crayola:	#76ddfa;
$color-indigo-rainbow:	#243565;
$color-gray-htmlcss-gray:	#7c828c;
$color-silver-sand:	#babfc2;
$color-gunmetal:	#242e3b;

@color-blue-ryb:	#0544fc;
@color-sky-blue-crayola:	#76ddfa;
@color-indigo-rainbow:	#243565;
@color-gray-htmlcss-gray:	#7c828c;
@color-silver-sand:	#babfc2;
@color-gunmetal:	#242e3b;

Minimalist logo ui branding ux hex colors

Codes couleurs dans la palette

Contraste de la palette de couleurs

Palette d'images Minimalist logo ui branding ux hex colors png