#C7895D Couleur hexa

#C7895D

Le code couleur en hexadécimal #C7895D correspond au code RGB( 199, 137, 93 ). Il s'agit d'une nuance de Orange. La couleur est un mélange de rouge (niveau à 0,78), de vert (niveau à 0,54) et de bleu à (niveau à 0,36). Sa luminosité est de 57% et sa saturation à 48%. Elle est composée de rouge à 46%, de vert à 31% et de bleu à 21%.

Caractéristiques

Teinte

Saturation

Luminosité

Nuance de	Orange
Code Hexa	#C7895D
Code RGB	rgb( 199 , 137 , 93)
Code RGB%	rgb( 78.0% , 53.7% , 36.5% )
HSL	hsl( 25 , 48% , 57% )
Couleur complémentaire	#3876A2

Variations de #C7895D

Nuances plus claires

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

#c7895d

#cc946d

#d2a07d

#d7ac8d

#ddb89d

#e3c4ae

#e8cfbe

#eedbce

#f3e7de

#f9f3ee

Nuances plus foncées

Palette de nuances de plus en plus sombres. La teinte la plus sombre est #130D09.

#c7895d

#b37b53

#9f6d4a

#8b5f41

#775237

#63442e

#4f3625

#3b291b

#271b12

#130d09

Autres Nuances de Orange

Exemple d'autres couleurs dans les nuances de Orange.

Ocre jaune

#DFAF2C

Orange

#ED7F10

Abricot

#E67E30

Aurore

#FFCB60

Bis

#F1E2BE

Carotte

#F4661B

Citrouille

#DF6D14

Cuivre

#B36700

Gomme-gutte

#EF9B0F

Mandarine

#FEA347

Voir la suite

Palettes de couleurs

La couleur complémentaire #3876A2 est la couleur à l'exacte opposé de #C7895D 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

#C7895D

#3876A2

Palette triadique

#C7895D

#5DC789

#895DC7

Utilisations de #C7895D en CSS

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

#C7895D en couleur d'arrière plan

Texte noir

Texte blanc

div{ background: #C7895D;  }

Texte coloré

Avec fond blanc ou

avec fond sombre

div{ color: #C7895D;  }

Bordures

Bordure de largeur 3px de couleur #C7895D

div{ border: 3px solid #C7895D;  }

Ombre cellule

Ombre coloré #C7895D

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

Couleurs proches

Autres codes couleurs proches ou équivalents à #C7895D.

#BD8958

#C78258

#B37B5D

#C7825C

#A9894F

#C7744F

#B37B53

#C1845A

#BD825D

#BD8258

Choisir une autre couleur

Sélectionnez une autre couleur sur la roue chromatique.

Couleur sélectionnée:

Voir la couleur