#666176 Couleur hexa

#666176

Le code couleur en hexadécimal #666176 correspond au code RGB( 102, 97, 118 ). Il s'agit d'une nuance de Gris. La couleur est un mélange de rouge (niveau à 0,40), de vert (niveau à 0,38) et de bleu à (niveau à 0,46). Sa luminosité est de 42% et sa saturation à 9%. Elle est composée de rouge à 32%, de vert à 30% et de bleu à 37%.

Caractéristiques

Teinte

Saturation

Luminosité

254

Nuance de	Gris
Code Hexa	#666176
Code RGB	rgb( 102 , 97 , 118)
Code RGB%	rgb( 40.0% , 38.0% , 46.3% )
HSL	hsl( 254 , 9% , 42% )
Couleur complémentaire	#999E89

Variations de #666176

Nuances plus claires

Palette des nuances éclaircies progressivement. La teinte la plus claire de #666176 a pour code #EFEFF1

#666176

#757083

#848091

#93909f

#a3a0ac

#b2b0ba

#c1bfc8

#d1cfd5

#e0dfe3

#efeff1

Nuances plus foncées

Palette de nuances de plus en plus sombres. La teinte la plus sombre est #0A090B.

#666176

#5b576a

#514d5e

#474352

#3d3a46

#33303b

#28262f

#1e1d23

#141317

#0a090b

Autres Nuances de Gris

Exemple d'autres couleurs dans les nuances de Gris.

Gris

#606060

Ardoise

#5A5E6B

Argent
Silver

#C0c0c0

Bis

#766F64

Etain oxydé

#BABABA

Etain pur

#EDEDED

Gris acier

#AFAFAF

Gris anthracite

#303030

Gris de Payne

#677179

Gris fer

#848484

Voir la suite

Palettes de couleurs

La couleur complémentaire #999E89 est la couleur à l'exacte opposé de #666176 sur le cercle chromatique. La palette triadique est obtenue à partir des deux couleurs espacées de manière égale sur la roue des couleurs.

Palette complémentaire

#666176

#999E89

Palette triadique

#666176

#766661

#617666

Utilisations de #666176 en CSS

Si vous utilisez #666176 en couleur de fond, choisissez plutôt une couleur claire pour le texte, afin d'avoir pour une meilleure lisibilité. Si vous voulez utiliser #666176 en couleur de texte, préférez un fond clair, par exemple en Blanc.

#666176 en couleur d'arrière plan

Texte noir

Texte blanc

div{ background: #666176;  }

Texte coloré

Avec fond blanc ou

avec fond sombre

div{ color: #666176;  }

Bordures

Bordure de largeur 3px de couleur #666176

div{ border: 3px solid #666176;  }

Ombre cellule

Ombre coloré #666176

div{ box-shadow: 3px 3px 7px #666176; }

Couleurs proches

Autres codes couleurs proches ou équivalents à #666176.

#606170

#665C70

#5B5776

#665C74

#566164

#665264

#5B576A

#625E72

#605C76

#605C70

Choisir une autre couleur

Sélectionnez une autre couleur sur la roue chromatique.

Couleur sélectionnée:

Voir la couleur