Code couleur cyan clair (#e0ffff)

Cyan clair est #e0ffff en hexadécimal et rgb(224, 255, 255) : un cyan très clair. Ci-dessous, vous trouverez tous les formats de couleur, les teintes et nuances, les harmonies, ainsi que la lisibilité de cette couleur utilisée comme texte.

Mis à jour le

Cyan clair
#e0ffff
Nom CSSlightcyan
Hex#e0ffff
RGBrgb(224, 255, 255)
HSLhsl(180 100% 94%)
HWBhwb(180 88% 0%)
CMYK12%, 0%, 0%, 0%

Teintes et nuances

Harmonies de couleurs

À propos du cyan clair

Cyan clair (lightcyan) est un cyan très clair et vif, de code hexadécimal #e0ffff, soit rgb(224, 255, 255). En HSL, il se situe à une teinte de 180°, une saturation de 100% et une luminosité de 94%. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent, ce qui permet d'écrire color: lightcyan; à la place de la valeur hexadécimale.

Utiliser le cyan clair pour le texte et les arrière-plans

AssociationRatio de contrasteWCAG
Texte cyan clair sur blanc1.05 : 1échec
Texte cyan clair sur noir19.92 : 1AAA

Sur un arrière-plan cyan clair, utilisez un texte en noir (19.92 : 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: lightcyan;               /* or #e0ffff */
  background-color: #e0ffff;
  border: 1px solid rgb(224 255 255 / 50%);
}

Noms de couleurs similaires

Azur (#f0ffff), Bleu alice (#f0f8ff), Crème de menthe (#f5fffa), Rosée de miel (#f0fff0), Blanc fantôme (#f8f8ff), Blanc fumée (#f5f5f5).

Questions fréquentes

Quel est le code hexadécimal du cyan clair ?
#e0ffff, soit rgb(224, 255, 255) et hsl(180, 100%, 94%). En CSS, vous pouvez aussi écrire simplement lightcyan.
Le texte cyan clair est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 1.05 : 1, ce qui ne respecte pas le WCAG. Utilisez-le plutôt en décoration ou sur un fond sombre.
Quelles couleurs vont bien avec le cyan clair ?
Sa couleur complémentaire est #ffe0e0 ; les couleurs analogues #e0fff0 et #e0f0ff se trouvent juste à côté sur le cercle chromatique.