Palette de couleurs

Couleur ocre

Un pigment naturel d'argile à l'oxyde de fer, utilisé dès les peintures rupestres. C'est un brun jaunâtre et terreux. On le retrouve sur les façades méditerranéennes, en céramique et dans la déco bohème.

Aussi appelée : jaune ocre.

Ocre · #CC7722

Fiche de la couleur ocre

La couleur ocre (#CC7722) est une couleur chaude, de luminosité moyenne et de saturation moyenne. Elle appartient à la famille des marrons. Elle se compose de 204 de rouge, 119 de vert et 34 de bleu (sur 255). Usages courants : art, décoration, architecture.

Nuances de la couleur ocre : claires et foncées

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

Couleurs qui vont avec la couleur ocre

Bleu pétroleUn contraste chaud-froid très élégant.Vert oliveUne palette terre naturelle.BlancÉclaire l'ocre.ChocolatUne profondeur automnale.GrisApaise l'ocre et le modernise.TerracottaUne gamme terre chaleureuse.Bleu marineÉlégance et contraste.CrèmeUne base douce et chaleureuse.
Comment associer la couleur ocre en mode et en déco →

Harmonies de la couleur ocre

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

ComplémentaireProche de : Bleu de France
AnaloguesProche de : Vermillon, Jaune maïs
TriadeProche de : Vert émeraude, Violet foncé
Complémentaires adjacentesProche de : Turquoise foncé, Violet foncé
TétradeProche de : Vert gazon, Bleu de France, Magenta

Palettes avec la couleur ocre

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

Palette monochrome · Ocre
Palette analogue · Ocre
Palette complémentaire · Ocre
Palette triade · Ocre
Palette avec neutres · Ocre
Palette avec accent · Ocre

Contraste de la couleur ocre avec le texte

Texte blancContraste 3.4:1 · AA grand texte
Texte noirContraste 6.2:1 · AA

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

Code CSS

:root {
  --ocre: #CC7722;
  --ocre-rgb: 204, 119, 34;
}
.fond { background-color: var(--ocre); }
.texte { color: var(--ocre); }

Couleurs proches de la couleur ocre

BronzeCannelleCuivreOrange carotteCaramelOrange brûléMarronMandarineMielCorail

Palettes thématiques avec cette couleur

Autres marrons

MarronCaféChocolatAcajouChâtainCannelleSépiaCaramelCamelMokaKakiSableBeigeNudeBronzeTabacTerre de SienneCafé au lait

Questions fréquentes

Quel est le code de la couleur ocre ?

Le code HEX de la couleur ocre est #CC7722. En RGB, c'est rgb(204, 119, 34), en HSL hsl(30, 71%, 47%) et en CMJN 0, 42, 83, 20.

Quelle est la complémentaire de la couleur ocre ?

Sa complémentaire sur le cercle chromatique est #2277CC, une teinte proche de la couleur bleu de France. En petite quantité, elle sert d'accent et apporte beaucoup de contraste.

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

Mieux vaut un texte noir : le contraste avec le blanc n'est que de 3.4:1, contre 6.2:1 avec le noir.

Quelles couleurs vont avec la couleur ocre ?

Elle se marie bien avec : bleu pétrole, vert olive, blanc, chocolat, gris. Évitez-le avec du jaune citron ou de l'orange vif : l'ocre paraît sale. Avec le rose bonbon, il jure.