Code couleur Aqua (#00ffff)

Aqua est #00ffff en hexadécimal et rgb(0, 255, 255) — un cyan moyen. Ci-dessous : tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité du texte.

Mis à jour le

Aqua
#00ffff
Nom CSSaqua (aussi cyan)
Hex#00ffff
RGBrgb(0, 255, 255)
HSLhsl(180 100% 50%)
HWBhwb(180 0% 0%)
CMYK100%, 0%, 0%, 0%

Teintes et nuances

Harmonies de couleurs

À propos d’Aqua

Aqua (aqua) est un cyan moyen et vif, de code hexadécimal #00ffff, soit rgb(0, 255, 255). En HSL, sa teinte est de 180°, sa saturation de 100 % et sa luminosité de 50 %. CSS accepte aussi l’orthographe cyan pour exactement la même couleur. C’est l’une des 148 couleurs nommées que tous les navigateurs reconnaissent, vous pouvez donc écrire color: aqua; à la place de la valeur hexadécimale.

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

AssociationRatio de contrasteWCAG
Texte Aqua sur blanc1,25 : 1échec
Texte Aqua sur noir16,75 : 1AAA

Sur un arrière-plan aqua, utilisez un texte en noir (16,75 : 1). Le WCAG exige au moins 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: aqua;               /* or #00ffff */
  background-color: #00ffff;
  border: 1px solid rgb(0 255 255 / 50%);
}

Couleurs nommées similaires

Bleu ciel profond (#00bfff), Turquoise foncé (#00ced1), Turquoise (#40e0d0), Turquoise moyen (#48d1cc), Vert printemps moyen (#00fa9a), Bleu Dodger (#1e90ff).

Questions fréquentes

Quel est le code hexadécimal de l’aqua ?
#00ffff — soit rgb(0, 255, 255) et hsl(180, 100%, 50%). En CSS, vous pouvez aussi écrire simplement aqua.
Le texte aqua est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 1,25 : 1, ce qui ne respecte pas le WCAG. Réservez-le à la décoration ou utilisez-le sur un fond sombre.
Quelles couleurs vont bien avec l’aqua ?
Sa couleur complémentaire est #ff0000 ; les couleurs analogues #00ff80 et #0080ff se trouvent à côté sur le cercle chromatique.