Couleur beige

Un mot français qui désignait autrefois la laine non teinte. C'est une teinte très claire entre le blanc et le brun. C'est l'un des neutres les plus populaires pour les murs, les basiques de garde-robe et les fonds de sites web.

Aussi appelée : beige clair.

Beige · #F5F5DC

Fiche de la couleur beige

La couleur beige (#F5F5DC) est une couleur chaude, claire et de saturation moyenne. Elle appartient à la famille des marrons. Elle se compose de 245 de rouge, 245 de vert et 220 de bleu (sur 255). Usages courants : décoration, mode, web.

Nuances de la couleur beige : claires et foncées

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

Couleurs qui vont avec la couleur beige

BlancUn look net et lumineux, de style minimaliste.ChocolatCrée une gamme terre chaude et élégante.Vert oliveLui donne un air naturel et détendu.Bleu marineUn contraste sobre et classique.NoirRend le beige plus moderne et sophistiqué.TerracottaApporte une chaleur méditerranéenne.Vert saugeUn duo doux et très tendance en déco.DoréSublime le beige avec une touche de luxe.

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

Harmonies de la couleur beige

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

ComplémentaireProche de : Lilas pastel

AnaloguesProche de : Lin

TriadeProche de : Blanc fumée, Rose pastel

Complémentaires adjacentesProche de : Platine, Lilas pastel

TétradeProche de : Albâtre, Lilas pastel, Rose pastel

Palettes avec la couleur beige

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

Palette monochrome · Beige

Palette analogue · Beige

Palette complémentaire · Beige

Palette triade · Beige

Palette avec neutres · Beige

Palette avec accent · Beige

Contraste de la couleur beige avec le texte

Texte blancContraste 1.1:1 · Déconseillé

Texte noirContraste 19.0:1 · AAA

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

Code CSS

:root {
  --beige: #F5F5DC;
  --beige-rgb: 245, 245, 220;
}
.fond { background-color: var(--beige); }
.texte { color: var(--beige); }

Couleurs proches de la couleur beige

Coquille d'œuf Écru Ivoire Blanc antique Champagne Blanc perle Albâtre Lin Blanc os Crème

Palettes thématiques avec cette couleur

Autres marrons

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

Questions fréquentes

Quel est le code de la couleur beige ?

Le code HEX de la couleur beige est #F5F5DC. En RGB, c'est rgb(245, 245, 220), en HSL hsl(60, 56%, 91%) et en CMJN 0, 0, 10, 4.

Quelle est la complémentaire de la couleur beige ?

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

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

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

Quelles couleurs vont avec la couleur beige ?

Elle se marie bien avec : blanc, chocolat, vert olive, bleu marine, noir. Évitez le beige avec des jaunes pâles ou des gris verdâtres très clairs : l'ensemble paraît sale ou délavé. Évitez aussi le tout beige sans varier les tons ou les matières.