Couleur chocolat

Un brun profond avec une pointe de rouge, comme une tablette de chocolat. Le cacao est originaire de Mésoamérique et le mot chocolat vient du nahuatl. On l'utilise pour les vêtements d'hiver, les emballages de confiserie et le mobilier.

Aussi appelée : brun chocolat.

Chocolat · #7B3F00

Fiche de la couleur chocolat

La couleur chocolat (#7B3F00) est une couleur chaude, foncée et très saturée. Elle appartient à la famille des marrons. Elle se compose de 123 de rouge, 63 de vert et 0 de bleu (sur 255). Usages courants : mode, pâtisserie, décoration.

Nuances de la couleur chocolat : claires et foncées

Du plus clair au plus foncé. Touchez une nuance pour copier son code.

Couleurs qui vont avec la couleur chocolat

BeigeUne gamme terre élégante et douce.CrèmeÉclaire le chocolat et lui donne de la fraîcheur.Bleu cielUn contraste frais et froid, très actuel.Vert oliveUne association naturelle et automnale.Vieux roseUn duo doux et chaleureux.Orange brûléRenforce le style rétro et chaleureux.Bleu marineÉlégant et sobre.MoutardeUn accent chaud très automnal.

Comment associer la couleur chocolat en mode et en déco →

Harmonies de la couleur chocolat

Combinaisons basées sur le cercle chromatique. Plus d'options avec l'outil harmonie des couleurs.

ComplémentaireProche de : Ultra violet

AnaloguesProche de : Grenat, Vert olive

TriadeProche de : Vert drapeau mexicain, Indigo

Complémentaires adjacentesProche de : Bleu sarcelle, Bleu marine

TétradeProche de : Vert, Ultra violet, Pourpre

Palettes avec la couleur chocolat

Copiez les codes ou ouvrez la palette dans l'éditeur pour l'ajuster.

Palette monochrome · Chocolat

Palette analogue · Chocolat

Palette complémentaire · Chocolat

Palette triade · Chocolat

Palette avec neutres · Chocolat

Palette avec accent · Chocolat

Contraste de la couleur chocolat avec le texte

Texte blancContraste 8.2:1 · AAA

Texte noirContraste 2.6:1 · Déconseillé

Selon les règles WCAG 2.1. Testez d'autres paires avec le vérificateur de contraste.

Code CSS

:root {
  --chocolat: #7B3F00;
  --chocolat-rgb: 123, 63, 0;
}
.fond { background-color: var(--chocolat); }
.texte { color: var(--chocolat); }

Couleurs proches de la couleur chocolat

Marron Sépia Terre de Sienne Cuivre Châtain Rouille Café Grenat Bronze Ocre

Palettes thématiques avec cette couleur

Autres marrons

Marron Café Acajou Châtain Cannelle Sépia Ocre Caramel Camel Moka Kaki Sable Beige Nude Bronze Tabac Terre de Sienne Café au lait

Questions fréquentes

Quel est le code de la couleur chocolat ?

Le code HEX de la couleur chocolat est #7B3F00. En RGB, c'est rgb(123, 63, 0), en HSL hsl(31, 100%, 24%) et en CMJN 0, 49, 100, 52.

Quelle est la complémentaire de la couleur chocolat ?

Sa complémentaire sur le cercle chromatique est #003C7B, une teinte proche de la couleur ultra violet. En petite quantité, elle sert d'accent et apporte beaucoup de contraste.

Peut-on mettre du texte blanc sur la couleur chocolat ?

Oui. Le contraste avec le blanc est de 8.2:1, suffisant pour du texte normal (WCAG AA).

Quelles couleurs vont avec la couleur chocolat ?

Elle se marie bien avec : beige, crème, bleu ciel, vert olive, vieux rose. Évitez-le avec le noir sans une couleur claire pour les séparer : l'ensemble paraît lourd. Les gris très froids lui enlèvent aussi de sa chaleur.