Code couleur bleu royal (#4169e1)

Bleu royal est #4169e1 en hexadécimal et rgb(65, 105, 225), un bleu moyen. Ci-dessous : tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité du texte.

Mis à jour le

Bleu royal
#4169e1
Nom CSSroyalblue
Hex#4169e1
RGBrgb(65, 105, 225)
HSLhsl(225 73% 57%)
HWBhwb(225 25% 12%)
CMYK71%, 53%, 0%, 12%

Teintes et nuances

Harmonies de couleurs

À propos du bleu royal

Bleu royal (royalblue) est un bleu moyen et vif, de code hexadécimal #4169e1, soit rgb(65, 105, 225). En HSL, il se situe à une teinte de 225°, une saturation de 73 % et une luminosité de 57 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: royalblue; à la place de la valeur hexadécimale.

Utiliser le bleu royal pour le texte et les arrière-plans

AssociationRatio de contrasteWCAG
Texte bleu royal sur blanc4.85 : 1AA
Texte bleu royal sur noir4.33 : 1AA pour les grands textes uniquement

Sur un fond bleu royal, utilisez un texte blanc (4.85 : 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: royalblue;               /* or #4169e1 */
  background-color: #4169e1;
  border: 1px solid rgb(65 105 225 / 50%);
}

Couleurs nommées similaires

Bleu ardoise (#6a5acd), Bleu acier (#4682b4), Bleu bleuet (#6495ed), Bleu ardoise moyen (#7b68ee), Bleu Dodger (#1e90ff), Violet moyen (#9370db).

Questions fréquentes

Quel est le code hexadécimal du bleu royal ?
#4169e1, soit rgb(65, 105, 225) et hsl(225, 73%, 57%). En CSS, vous pouvez aussi écrire simplement royalblue.
Le texte bleu royal est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 4.85 : 1, ce qui respecte le niveau WCAG AA pour un texte courant.
Quelles couleurs vont bien avec le bleu royal ?
Sa couleur complémentaire est #e1b941 ; les couleurs analogues #41b9e1 et #6941e1 se trouvent à côté sur le cercle chromatique.