#AB319C Couleur hexa

#AB319C

Le code couleur en hexadécimal #AB319C correspond au code RGB( 171, 49, 156 ). Il s'agit d'une nuance de Rose. La couleur est un mélange de rouge (niveau à 0,67), de vert (niveau à 0,19) et de bleu à (niveau à 0,61). Sa luminosité est de 43% et sa saturation à 55%. Elle est composée de rouge à 45%, de vert à 13% et de bleu à 41%.

Caractéristiques

Teinte

Saturation

Luminosité

307

Nuance de	Rose
Code Hexa	#AB319C
Code RGB	rgb( 171 , 49 , 156)
Code RGB%	rgb( 67.1% , 19.2% , 61.2% )
HSL	hsl( 307 , 55% , 43% )
Couleur complémentaire	#54CE63

Variations de #AB319C

Nuances plus claires

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

#ab319c

#b345a5

#bb5aaf

#c46eb9

#cc83c3

#d598cd

#ddacd7

#e5c1e1

#eed5eb

#f6eaf5

Nuances plus foncées

Palette de nuances de plus en plus sombres. La teinte la plus sombre est #11040F.

#ab319c

#992c8c

#88277c

#77226d

#661d5d

#55184e

#44133e

#330e2e

#22091f

#11040f

Autres Nuances de Rose

Exemple d'autres couleurs dans les nuances de Rose.

Rose

#FD6C9E

Cerise

#DE3163

Chair

#FEC3AC

Cuisse de nymphe

#FEE7F0

Fushia

#FD3F92

Incarnadin

#FE96A0

Mauve

#D473D4

Pêche

#FDBFB7

Rose balais

#C4698F

Rose bonbon

#F9429E

Voir la suite

Palettes de couleurs

La couleur complémentaire #54CE63 est la couleur à l'exacte opposé de #AB319C 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

#AB319C

#54CE63

Palette triadique

#AB319C

#9CAB31

#319CAB

Utilisations de #AB319C en CSS

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

#AB319C en couleur d'arrière plan

Texte noir

Texte blanc

div{ background: #AB319C;  }

Texte coloré

Avec fond blanc ou

avec fond sombre

div{ color: #AB319C;  }

Bordures

Bordure de largeur 3px de couleur #AB319C

div{ border: 3px solid #AB319C;  }

Ombre cellule

Ombre coloré #AB319C

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

Couleurs proches

Autres codes couleurs proches ou équivalents à #AB319C.

#A23194

#AB2E94

#992C9C

#AB2E9A

#913184

#AB2984

#992C8C

#A52F97

#A22E9C

#A22E94

Choisir une autre couleur

Sélectionnez une autre couleur sur la roue chromatique.

Couleur sélectionnée:

Voir la couleur