#BA7BAC Couleur hexa

#BA7BAC

Le code couleur en hexadécimal #BA7BAC correspond au code RGB( 186, 123, 172 ). Il s'agit d'une nuance de Rose. La couleur est un mélange de rouge (niveau à 0,73), de vert (niveau à 0,48) et de bleu à (niveau à 0,67). Sa luminosité est de 60% et sa saturation à 31%. Elle est composée de rouge à 38%, de vert à 25% et de bleu à 35%.

Caractéristiques

Teinte

Saturation

Luminosité

313

Nuance de	Rose
Code Hexa	#BA7BAC
Code RGB	rgb( 186 , 123 , 172)
Code RGB%	rgb( 72.9% , 48.2% , 67.5% )
HSL	hsl( 313 , 31% , 60% )
Couleur complémentaire	#458453

Variations de #BA7BAC

Nuances plus claires

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

#ba7bac

#c088b4

#c795bc

#cea2c4

#d5afcd

#dcbdd5

#e3cadd

#ead7e6

#f1e4ee

#f8f1f6

Nuances plus foncées

Palette de nuances de plus en plus sombres. La teinte la plus sombre est #120C11.

#ba7bac

#a76e9a

#946289

#825678

#6f4967

#5d3d56

#4a3144

#372433

#251822

#120c11

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 #458453 est la couleur à l'exacte opposé de #BA7BAC 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

#BA7BAC

#458453

Palette triadique

#BA7BAC

#ACBA7B

#7BACBA

Utilisations de #BA7BAC en CSS

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

#BA7BAC en couleur d'arrière plan

Texte noir

Texte blanc

div{ background: #BA7BAC;  }

Texte coloré

Avec fond blanc ou

avec fond sombre

div{ color: #BA7BAC;  }

Bordures

Bordure de largeur 3px de couleur #BA7BAC

div{ border: 3px solid #BA7BAC;  }

Ombre cellule

Ombre coloré #BA7BAC

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

Couleurs proches

Autres codes couleurs proches ou équivalents à #BA7BAC.

#B07BA3

#BA74A3

#A76EAC

#BA74AA

#9E7B92

#BA6892

#A76E9A

#B477A6

#B074AC

#B074A3

Choisir une autre couleur

Sélectionnez une autre couleur sur la roue chromatique.

Couleur sélectionnée:

Voir la couleur