Palette de couleurs

Couleur rose clair

Un rose doux et pâle qui est aussi une couleur standard du CSS. On l'utilise pour les vêtements de bébé, les gender reveals et les designs web délicats.

Aussi appelée : rose doux.

Ouvrir dans l'éditeur

Le code HEX de la couleur rose clair est #FFB6C1. En RGB, c'est rgb(255, 182, 193), en HSL hsl(351, 100%, 86%) et en CMJN 0, 29, 24, 0.

Voyez-la en vrai

Choisissez une couleur à associer et voyez le rendu sur des vêtements, une déco et un design.

Couleurs proches de la couleur rose clair

Rose#FFC0CBRose poudré#E8B4B8Rose barbe à papa#FFBCD9Rose layette#F4C2C2Melon#FEBAADQuartz rose#F7CAC9

Fiche de la couleur rose clair

La couleur rose clair (#FFB6C1) est une couleur chaude, claire et très saturée. Elle appartient à la famille des roses. Elle se compose de 255 de rouge, 182 de vert et 193 de bleu (sur 255). Usages courants : enfants, web, événements.

Échantillon de la couleur Rose clair avec ses nuances du clair au foncé · #FFB6C1
Rose clair · #FFB6C1

Nuances de la couleur rose clair : claires et foncées

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

Voyez toutes ses nuances: Générateur de nuances de couleurs

Harmonies de la couleur rose clair

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

ComplémentaireProche de : Bleu œuf de canard
AnaloguesProche de : Rose barbe à papa, Abricot
TriadeProche de : Céladon, Bleu pervenche
Complémentaires adjacentesProche de : Céladon, Bleu clair
TétradeProche de : Crème, Bleu œuf de canard, Mauve

Palettes avec la couleur rose clair

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

Palette monochrome · Rose clair
Palette analogue · Rose clair
Palette complémentaire · Rose clair
Palette triade · Rose clair
Palette avec neutres · Rose clair
Palette avec accent · Rose clair

Contraste de la couleur rose clair avec le texte

Texte blancContraste 1.7:1 · Déconseillé
Texte noirContraste 12.7:1 · AAA

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

Code CSS

:root {
  --rose-clair: #FFB6C1;
  --rose-clair-rgb: 255, 182, 193;
}
.fond { background-color: var(--rose-clair); }
.texte { color: var(--rose-clair); }

Couleurs proches de la couleur rose clair

Rose pastelRose cendréRose saumonRose flamant

Palettes thématiques avec cette couleur

Palettes de couleurs pour baptêmePalettes de couleurs pour anniversairePalettes de couleurs pour logoPalettes de couleurs pour boulangerie et pâtisseriePalettes de couleurs aestheticPalettes de couleurs d'été

Autres roses

RoseRose poudréVieux roseFuchsiaMagentaRose bonbonRose mexicainRose pastelRose layetteRose vifFramboiseQuartz roseOr roseRose blushRose flamantRose fluoRose cendréRose pastèqueRose barbe à papaRose foncéRose saumon
Échantillon de la couleur Rose clair avec ses nuances du clair au foncé · #FFB6C1
Échantillon de la couleur Rose clair avec ses nuances du clair au foncé · #FFB6C1

À essayer ensuite

Palette de couleurs de votre prénomTapez un prénom et obtenez votre palette de couleursRoue personnaliséeÉcrivez vos choix et faites tourner la roue. Couleurs aussiMachine à sous des couleursTirez le levier et obtenez une palette de couleurs
Voir tous les outils gratuits →

Questions fréquentes

Quel est le code de la couleur rose clair ?

Le code HEX de la couleur rose clair est #FFB6C1. En RGB, c'est rgb(255, 182, 193), en HSL hsl(351, 100%, 86%) et en CMJN 0, 29, 24, 0.

Quelle est la complémentaire de la couleur rose clair ?

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

Peut-on mettre du texte blanc sur la couleur rose clair ?

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