Ir al selector de color

Color #577add: Intenso tono de azul

#577add es rgb(87, 122, 221) en RGB y oklch(60.222% 0.1555 267.043) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

224°
100 %

60,2 %
0,156
267°
  • Azul
  • Medio
  • Intenso
  • Frío
  • ≈ Azul real
  • blue-500
  • Negro 13 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
4.01:1Difícil de leer
Lc -73
Texto negro
5.23:1Legible · AA
Lc 37

Tonos

Del más claro al más oscuro. Haz clic en un tono para usarlo.

Armonías

Abrir como paleta

Recientes

Aquí aparecen los colores que eliges o copias. Se quedan en este dispositivo.

Sobre #577add

#577add es un intenso tono de azul. En OKLCH tiene una luminosidad de 60,2 %, un croma de 0.156 y un matiz de 267°.

Dentro de sRGB: se ve igual en cualquier pantalla.

El texto blanco sobre este color alcanza un contraste de 4.01:1 y el negro 5.23:1, así que se lee mejor el texto blanco.

El color con nombre más cercano es Azul real (#4169e1). En Tailwind CSS el más cercano es blue-500.

Más tonos de azul: medio

Más claro: #577add mezclado con blanco

  1. 577add
  2. 6688e2
  3. 7695e6
  4. 86a3ea
  5. 97b0ee
  6. a8bdf1
  7. b9caf4
  8. cad8f8
  9. dbe5fa
  10. edf2fd

Más oscuro: #577add mezclado con negro

  1. 577add
  2. 4b69c0
  3. 3e59a4
  4. 334988
  5. 273a6e
  6. 1c2b55
  7. 121d3d
  8. 081026
  9. 030511
  10. 000102

Más sobrio: #577add con menos saturación

  1. 577add
  2. 5b7cd4
  3. 5f7dcb
  4. 647ec2
  5. 687fb9
  6. 6c80b0
  7. 7080a7
  8. 74819e
  9. 788194
  10. 7d818b

Preguntas sobre #577add

¿Qué color es #577add?

#577add es un intenso tono de azul. El color con nombre más cercano es Intenso tono de azul. En RGB es rgb(87, 122, 221), en HSL hsl(224.33, 66.34%, 60.39%) y en OKLCH oklch(60.222% 0.1555 267.043).

¿Qué colores combinan con #577add?

El color complementario de #577add es #a57900. Para una combinación más tranquila, usa los colores análogos #008bd1 y #8c69d1. Los colores de la tríada son #cd544b y #2e9944.

¿Se lee mejor el texto blanco o el negro sobre #577add?

Sobre #577add se lee mejor el texto blanco: el blanco da una relación de contraste de 4.01:1 y el negro de 5.23:1. WCAG AA pide al menos 4,5:1 para el texto normal.

¿#577add es un color cálido o frío?

#577add es un color frío. En OKLCH su matiz es de 267 grados, su luminosidad 60,2 % y su croma 0.156.