Noirpine Tech Mood

Noir Green
#395144
Screen Mint
#9dc6b0
UI Eggshell
#f5f5f1
Accent Coral
#ffa69e
Contrast Steel
#616161
Frame Gray
#b9b9b9

La palette se compose de Lumière, Semi foncé couleurs. Couleurs d'accent Screen Mint #9dc6b0 et Accent Coral #ffa69e. La palette a une température de couleur Froid, Neutre, Chaud.

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

La saturation semble globalement plutôt faible (chromie basse).

Les teintes sont largement réparties — palette variée (heuristique).

La température globale penche vers le froid.

Codes HEX (triés) : #395144, #616161, #9DC6B0, #B9B9B9, #F5F5F1, #FFA69E

La palette Noirpine Tech Mood a une combinaison de couleurs de codes 6:

HEX: #395144, RVB: (57, 81, 68); HEX: #9dc6b0, RVB: (157, 198, 176); HEX: #f5f5f1, RVB: (245, 245, 241)

HEX: #ffa69e, RVB: (255, 166, 158); HEX: #616161, RVB: (97, 97, 97); HEX: #b9b9b9, RVB: (185, 185, 185)

Version simplifiée des couleurs de la palette

Ombre de darkslategrey, Ombre de darkseagreen, Nuance de whitesmoke, Nuance de lightpink, Nuance de dimgrey, Nuance de Argent

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

Plus de palettes avec:

Codes couleurs dans la palette

Noirpine Tech Mood codes de couleur HEX, informations RVB dans le tableau

Couleur	HEX	RVB	Nom	Autre nom
#395144	#395144	RVB(57, 81, 68)	Noir Green	—
#9dc6b0	#9dc6b0	RVB(157, 198, 176)	Screen Mint	—
#f5f5f1	#f5f5f1	RVB(245, 245, 241)	UI Eggshell	—
#ffa69e	#ffa69e	RVB(255, 166, 158)	Accent Coral	—
#616161	#616161	RVB(97, 97, 97)	Contrast Steel	Gray38
#b9b9b9	#b9b9b9	RVB(185, 185, 185)	Frame Gray	—

Contraste de la palette de couleurs

7 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
#395144	#616161	1.39
#9dc6b0	#f5f5f1	1.72
#9dc6b0	#ffa69e	1
#9dc6b0	#b9b9b9	1.04
#f5f5f1	#ffa69e	1.71
#f5f5f1	#b9b9b9	1.79

Palette d'images Noirpine Tech Mood png

--color-noir-green:	#395144;
--color-screen-mint:	#9dc6b0;
--color-ui-eggshell:	#f5f5f1;
--color-accent-coral:	#ffa69e;
--color-contrast-steel:	#616161;
--color-frame-gray:	#b9b9b9;

$color-noir-green:	#395144;
$color-screen-mint:	#9dc6b0;
$color-ui-eggshell:	#f5f5f1;
$color-accent-coral:	#ffa69e;
$color-contrast-steel:	#616161;
$color-frame-gray:	#b9b9b9;

@color-noir-green:	#395144;
@color-screen-mint:	#9dc6b0;
@color-ui-eggshell:	#f5f5f1;
@color-accent-coral:	#ffa69e;
@color-contrast-steel:	#616161;
@color-frame-gray:	#b9b9b9;