Código da Cor Royal Blue (#4169e1)

Sobre o Azul Royal

Royal Blue (royalblue) é um azul médio e vibrante, com o código hex #4169e1, ou rgb(65, 105, 225). Em HSL, ela fica com matiz de 225°, 73% de saturação e 57% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: royalblue; no lugar do valor hex.

Como usar o Azul Royal em textos e fundos

Em um fundo azul royal, use texto branco (4.85 : 1). A WCAG exige no mínimo 4.5 : 1 para textos normais e 3 : 1 para textos grandes. Verifique outras combinações com o Contrast Checker.

CSS

.element {
  color: royalblue;               /* or #4169e1 */
  background-color: #4169e1;
  border: 1px solid rgb(65 105 225 / 50%);
}

Cores nomeadas semelhantes

Azul Ardósia (#6a5acd), Azul Aço (#4682b4), Azul Centáurea (#6495ed), Azul Ardósia Médio (#7b68ee), Azul Dodger (#1e90ff), Roxo Médio (#9370db).