Code couleur Mocassin (#ffe4b5)

Moccasin est #ffe4b5 en hexadécimal et rgb(255, 228, 181) — un orange très clair. Ci-dessous : tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité du texte.

Mis à jour le

Moccasin
#ffe4b5
Nom CSSmoccasin
Hex#ffe4b5
RGBrgb(255, 228, 181)
HSLhsl(38 100% 85%)
HWBhwb(38 71% 0%)
CMYK0%, 11%, 29%, 0%

Teintes et nuances

Harmonies chromatiques

À propos de Moccasin

Moccasin (moccasin) est un orange très clair et vif, de code hexadécimal #ffe4b5, soit rgb(255, 228, 181). En HSL, il se situe à une teinte de 38°, une saturation de 100 % et une luminosité de 85 %. C'est l'une des 148 couleurs nommées comprises par tous les navigateurs ; vous pouvez donc écrire color: moccasin; à la place de la valeur hexadécimale.

Utiliser Moccasin pour le texte et les arrière-plans

AssociationRatio de contrasteWCAG
Texte Moccasin sur blanc1.23 : 1échec
Texte Moccasin sur noir17.02 : 1AAA

Sur un fond moccasin, utilisez un texte noir (17.02 : 1). Le WCAG exige un ratio d'au moins 4.5 : 1 pour le texte courant et de 3 : 1 pour les grands textes. Vérifiez d'autres associations avec le Vérificateur de contraste.

CSS

.element {
  color: moccasin;               /* or #ffe4b5 */
  background-color: #ffe4b5;
  border: 1px solid rgb(255 228 181 / 50%);
}

Couleurs nommées similaires

Blanc navajo (#ffdead), Pêche pâle (#ffdab9), Blé (#f5deb3), Bisque (#ffe4c4), Verge d'or pâle (#eee8aa), Amande blanchie (#ffebcd).

Questions fréquentes

Quel est le code hexadécimal du moccasin ?
#ffe4b5 — soit rgb(255, 228, 181) et hsl(38, 100%, 85%). En CSS, vous pouvez aussi écrire simplement moccasin.
Le texte moccasin est-il lisible sur fond blanc ?
Son ratio de contraste sur blanc est de 1.23 : 1, ce qui ne respecte pas le WCAG. Utilisez-le plutôt pour la décoration ou sur un fond sombre.
Quelles couleurs vont bien avec le moccasin ?
Sa couleur complémentaire est #b3cfff ; les couleurs analogues #ffbdb3 et #f5ffb3 se trouvent à côté sur le cercle chromatique.