À propos du cramoisi
Cramoisi (crimson) est un rouge moyen et vif, de code hexadécimal #dc143c, soit rgb(220, 20, 60). En HSL, sa teinte est de 348°, sa saturation de 83 % et sa luminosité de 47 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: crimson; à la place de la valeur hexadécimale.
Utiliser le cramoisi pour le texte et les fonds
| Association | Rapport de contraste | WCAG |
|---|---|---|
| Texte cramoisi sur blanc | 4.99 : 1 | AA |
| Texte cramoisi sur noir | 4.21 : 1 | AA grands textes uniquement |
Sur un fond cramoisi, utilisez un texte blanc (4.99 : 1). Le WCAG exige au minimum 4.5 : 1 pour le texte courant et 3 : 1 pour les grands textes. Vérifiez d'autres associations avec le Vérificateur de contraste.
CSS
.element {
color: crimson; /* or #dc143c */
background-color: #dc143c;
border: 1px solid rgb(220 20 60 / 50%);
}
Couleurs nommées similaires
Brique réfractaire (#b22222), Marron (#a52a2a), Rouge (#ff0000), Rouge violet moyen (#c71585), Rouge indien (#cd5c5c), Rouge orangé (#ff4500).
Trouveur de nom de couleur
Collez un code HEX pour obtenir son nom le plus proche, lisible par un humain, ainsi que des noms de tokens propres pour votre CSS, SCSS, JavaScript ou votre configuration Tailwind.